@charset "UTF-8";
:root{color-scheme:dark;--bg:#151719;--surface:#1d2024;--card:#252a30;--ink:#eeeae3;--muted:#a5abb1;--line:#363d43;--mint:#80d5bb;--yellow:#d8bd40;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.2;letter-spacing:-.04em;margin:0 0 .65em;font-weight:650}h1{font-size:clamp(38px,4.5vw,64px)}h2{font-size:clamp(27px,3vw,38px)}h3{font-size:21px;letter-spacing:-.02em}em{font-style:normal;color:var(--mint)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:12px;z-index:30;background:var(--mint);color:#101a16;padding:12px}.skip:focus{top:10px}
/* Global navigation stays in the header; all page section links sit on the left. */
.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 max(28px,calc((100vw - 1280px)/2));background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand b{color:var(--mint)}.brand img{border-radius:8px}.site-header .site-nav{display:flex;gap:28px;margin-left:auto;align-items:center;white-space:nowrap;min-width:0}.site-nav a{font-size:14px;color:var(--muted);padding:8px 0}.site-nav a:hover,.site-nav a[aria-current]{color:var(--ink)}.site-nav a[aria-current]{box-shadow:0 2px var(--mint)}.language{font-family:var(--mono);font-size:12px;border:1px solid var(--line);padding:4px 10px;white-space:nowrap}.site-layout{max-width:1344px;margin:auto;padding:0 32px}.site-layout.with-toc{display:grid;gap:48px}.toc-left{grid-template-columns:216px minmax(0,1fr)}.site-layout main{min-width:0}.inner-main{padding:54px 0 90px;min-height:70vh}.contents-rail{position:sticky;top:120px;align-self:start;max-height:calc(100dvh - 148px);overflow-y:auto;margin-top:54px;scrollbar-width:thin}.toc-left .contents-rail{border-right:1px solid var(--line);padding-right:26px}.page-toc .eyebrow{font-size:10px;color:var(--muted);margin-bottom:14px}.page-toc a{display:block;font-size:13px;line-height:1.6;padding:8px 0;color:var(--muted)}.page-toc a:hover{color:var(--mint)}.compact-toc{display:none}

.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;font-weight:500;text-transform:uppercase;color:var(--mint);margin-bottom:24px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;flex-shrink:0}.slash{color:var(--line);margin:0 4px}.lede{font-size:20px;line-height:1.7;color:var(--muted);max-width:720px}.hero{padding:64px 0 42px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;align-items:center}.platform-hero{min-width:0;margin:0}.platform-hero a{display:block}.platform-hero img{width:100%;height:auto;border-radius:12px}.platform-hero figcaption{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-top:18px;text-align:center}.platform-hero figcaption strong{font-size:16px;font-weight:550;letter-spacing:.02em;white-space:nowrap}.platform-hero figcaption strong span{color:var(--mint);margin:0 5px}.platform-hero figcaption>span{font-size:12px;color:var(--muted)}.manual-platform-note{color:var(--muted);font-size:13px;margin:-16px 0 32px}.hero h1{font-size:clamp(42px,4vw,58px);line-height:1.1;letter-spacing:-.06em}.hero-copy .lede{font-size:18px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:12px 22px;border:1px solid #62686b;font-size:14px;font-weight:600}.button:hover{background:var(--card)}.button.primary{background:var(--ink);color:#171a1b;border-color:var(--ink)}.button.primary:hover{background:var(--mint);border-color:var(--mint)}.small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}
.screen{margin:0;min-width:0}.screen a{display:block}.screen img{background:#111315;border:1px solid var(--line);width:100%}.screen figcaption{color:var(--muted);font-size:12px;line-height:1.6;margin-top:12px}.platform-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:28px}.platform-card{min-width:0;padding:16px;background:var(--surface);border:1px solid var(--line)}.platform-title{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}.platform-title h3{font-size:22px;margin:0}.platform-title span{font:10px var(--mono);color:var(--mint)}.platform-card .screen a{height:clamp(220px,26vw,340px);display:flex;align-items:center;justify-content:center}.platform-card .screen img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.platform-card .screen figcaption{font-size:10px;min-height:24px}.platform-description{font-size:14px;color:var(--muted);margin:18px 0 0}.platform-support>.small{margin:24px 0 0}.section-wrap{padding:68px 0;border-top:1px solid var(--line)}.section-intro{max-width:700px;margin-bottom:36px}.section-intro p{color:var(--muted)}.section-intro .eyebrow{color:var(--mint)}.feature-grid,.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:var(--surface);padding:26px;display:block;transition:border-color .15s,background .15s;min-width:0}.card:hover{border-color:var(--mint);background:#232a2c}.card h3{display:flex;justify-content:space-between;gap:10px}.card h3 span{color:var(--mint)}.card p{color:var(--muted);margin:0;font-size:15px}.card-number{display:block;font:12px var(--mono);color:var(--mint);margin-bottom:24px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.live-grid h3{font-family:var(--mono);letter-spacing:0}.live-grid h3 span{display:block;font:14px var(--font);color:var(--muted);margin-top:8px}.live-grid .screen img{aspect-ratio:4/3;object-fit:contain}.text-link{display:inline-block;color:var(--mint);margin:16px 0 12px;border-bottom:1px solid var(--mint);font-size:14px}.manual-banner{background:var(--mint);color:#10231b;padding:44px;margin-bottom:72px}.manual-banner .eyebrow{color:#214e3c}.manual-banner .button{border-color:#10231b;background:#10231b;color:var(--ink)}
.page-heading{padding:6px 0 30px;border-bottom:1px solid var(--line);margin-bottom:36px}.page-heading .eyebrow{margin-bottom:20px}.breadcrumb{font:12px var(--mono);color:var(--muted);display:inline-block;margin-bottom:24px}.article-layout{min-width:0}article{max-width:960px}article section{margin:0 0 54px}article section h2{font-size:28px;letter-spacing:-.03em}article p,article li{color:#c7cbcd;line-height:1.95;font-size:17px}article li{margin-bottom:12px}article ul,article ol{padding-left:26px}article a:not(.button):not(.screen a):not(.chapter-pager a){color:var(--mint);text-decoration:underline;text-underline-offset:4px}.screen-guide{margin:28px 0 44px;border:1px solid var(--line);padding:20px;background:var(--surface)}.screen-guide .screen{margin:0}.screen-guide .screen img{max-height:680px;object-fit:contain}.screen-notes{padding-top:24px}.screen-notes .eyebrow{margin-bottom:12px;font-size:10px;color:var(--mint)}.screen-notes ol{list-style:none;counter-reset:note;padding:0;margin:0}.screen-notes li{counter-increment:note;position:relative;padding-left:36px;font-size:15px;line-height:1.85;margin-bottom:12px}.screen-notes li::before{content:counter(note,decimal-leading-zero);position:absolute;left:0;top:2px;color:var(--mint);font:12px/2 var(--mono)}.screen-notes .text-link{margin-bottom:0;font-size:12px}.chapter-pager{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:30px;font-size:12px;color:var(--muted)}.chapter-pager .pager-next{text-align:right;grid-column:2}.chapter-pager strong{display:block;color:var(--ink);font-size:15px;margin-top:8px}
.search-box{margin:0 0 36px}.search-box label{display:block;font-size:13px;margin-bottom:10px}.search-box input{display:block;width:100%;border:1px solid #626b70;border-radius:0;background:var(--surface);color:var(--ink);padding:16px 18px;min-height:54px}.search-box p{font-size:13px;color:var(--muted);margin:10px 0 0}#search-results:not(:empty){margin-bottom:24px}.table-scroll{overflow-x:auto;margin-bottom:60px}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;font:12px var(--mono);color:var(--muted);padding-bottom:18px}td,th{border-top:1px solid var(--line);padding:17px 22px;vertical-align:top;font-size:15px}th{font-weight:500;color:var(--ink);width:26%;background:var(--surface)}td{color:var(--muted)}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.effect-grid section{border-top:2px solid var(--mint);padding:22px 0}.effect-grid section:nth-child(2n){border-color:var(--yellow)}.effect-grid h3{font-size:18px}.effect-grid ul{list-style:none;padding:0;color:var(--muted);font-size:15px}.note{border-left:3px solid var(--yellow);background:var(--surface);padding:24px;font-size:14px;color:var(--muted);margin-top:35px}.platform-gallery{margin-bottom:70px}.platform-heading{margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.platform-heading h2{font-size:38px}.gallery-count{font:12px var(--mono);color:var(--muted);letter-spacing:0;vertical-align:middle;margin-left:12px}.platform-heading p{color:var(--muted);max-width:640px}.platform-heading .eyebrow{color:var(--mint);margin-bottom:12px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.gallery-item{min-width:0}.gallery-item h3{font-size:16px;letter-spacing:-.01em}.gallery .screen img{height:clamp(240px,24vw,365px);object-fit:contain}.gallery .screen[data-orientation="portrait"] img{height:clamp(360px,38vw,500px)}.contact-box{border:1px solid var(--mint);padding:26px 30px;display:block;margin-bottom:45px;max-width:780px;overflow-wrap:anywhere}.contact-box span{display:block;color:var(--muted);font-size:13px}.contact-box strong{font-size:clamp(19px,3vw,30px);color:var(--mint);font-weight:500}footer{border-top:1px solid var(--line);padding:46px max(32px,calc((100vw - 1476px)/2));display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px}.footer-brand{font-size:26px;font-weight:700;color:var(--ink)}footer p{margin-top:8px}footer nav{display:grid;grid-template-columns:repeat(2,auto);gap:8px 36px}footer a:hover{color:var(--mint)}
@media(max-width:1100px){.site-layout{padding-inline:28px}.site-layout.with-toc{gap:32px}.toc-left{grid-template-columns:186px minmax(0,1fr)}.hero h1{font-size:40px}.platform-showcase{gap:10px}.platform-card{padding:12px}.platform-title{gap:6px}.platform-title h3{font-size:20px}.platform-title span{font-size:9px}.platform-card .screen a{height:150px}.effect-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-layout.with-toc{display:block}.contents-rail{display:none}.site-header{padding-inline:24px;gap:20px}.site-header .site-nav{gap:18px}.compact-toc{display:block;border:1px solid var(--line);background:var(--surface);margin-bottom:30px;padding:12px 16px}.compact-toc summary{cursor:pointer;font-size:14px;color:var(--mint)}.compact-toc .page-toc{padding-top:14px}.compact-toc .page-toc .eyebrow{display:none}.hero{padding-top:46px;grid-template-columns:1fr;gap:12px}.hero h1{font-size:58px}.platform-hero{width:100%}.platform-card .screen a{height:180px}.gallery .screen img{height:270px}}
@media(max-width:750px){html{scroll-padding-top:132px}.site-header{height:auto;min-height:103px;padding:13px 20px 0;flex-wrap:wrap;gap:9px 16px}.site-header .site-nav{order:3;width:100%;overflow-x:auto;gap:23px;margin:0;padding:0 0 11px}.site-nav a{font-size:12px;padding:5px 0}.language{margin-left:auto}}
@media(max-width:600px){html{scroll-padding-top:132px}.site-header{height:auto;min-height:103px;padding:13px 20px 0;flex-wrap:wrap;gap:9px 16px}.site-header .site-nav{order:3;width:100%;overflow-x:auto;gap:23px;margin:0;padding:0 0 11px}.site-nav a{font-size:12px;padding:5px 0}.brand{font-size:21px;gap:8px}.brand img{width:29px;height:29px}.language{margin-left:auto;padding:6px 8px;font-size:11px}.site-layout{padding-inline:20px}.hero{padding:38px 0 36px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero-copy .lede{font-size:16px}.actions{gap:10px;margin:24px 0 30px}.button{padding:12px 17px;font-size:13px;gap:20px}.platform-showcase{grid-template-columns:1fr;gap:18px;padding-top:22px}.platform-card{padding:16px}.platform-title{margin-bottom:18px}.platform-title h3{font-size:24px}.platform-title span{font-size:11px}.platform-card .screen a{height:auto}.platform-card .screen img{max-height:430px}.platform-card .screen figcaption{font-size:11px;min-height:0}.section-wrap{padding-block:45px}.feature-grid,.chapter-grid,.live-grid{grid-template-columns:1fr;gap:16px}.card{padding:23px}.card-number{margin-bottom:18px}.card p{font-size:14px}.live-grid{gap:26px}.manual-banner{padding:30px 24px;margin-bottom:45px}.inner-main{padding-top:30px;padding-bottom:50px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:36px}.page-heading .lede{font-size:17px}article p,article li{font-size:16px}article section h2{font-size:24px}.screen-guide{padding:12px;margin:24px 0 34px}.screen-guide .screen img{max-height:550px}.screen-notes{padding-top:20px}.screen-notes li{font-size:14px;padding-left:30px}.screen-notes .text-link{line-height:1.6}.effect-grid{gap:15px}.effect-grid h3{font-size:16px}.effect-grid li{font-size:13px}th{width:34%}td,th{padding:13px 12px;font-size:13px}.gallery{grid-template-columns:1fr;gap:28px}.gallery .screen img,.gallery .screen[data-orientation="portrait"] img{height:auto;max-height:500px;object-fit:contain}.platform-gallery{margin-bottom:50px}.contact-box{padding:22px}footer{display:block;padding:35px 20px}footer nav{margin-top:25px;gap:10px 20px;grid-template-columns:1fr 1fr}footer nav a:last-child{grid-column:1/-1}.chapter-pager strong{font-size:13px}}
/* A manual chapter keeps the complete book visible, with its own sections expanded. */
.site-layout.manual-layout{grid-template-columns:260px minmax(0,1fr);gap:36px}
.manual-nav ol,.manual-nav ul{list-style:none;margin:0;padding:0}
.manual-nav a{display:block;color:var(--muted);font-size:13px;line-height:1.6}
.manual-nav a:hover{color:var(--mint)}
.manual-nav .manual-overview{padding:0 10px 16px;margin-bottom:10px;border-bottom:1px solid var(--line);font-weight:600}
.manual-chapter{margin-bottom:3px;border-left:2px solid transparent}
.manual-chapter.is-current{border-left-color:var(--mint);background:var(--surface)}
.manual-nav .manual-chapter-link{display:grid;grid-template-columns:20px minmax(0,1fr) 10px;gap:8px;align-items:baseline;padding:10px 8px}
.chapter-number{font:10px var(--mono);opacity:.65}
.chapter-chevron{text-align:right}
.manual-nav a[aria-current="page"]{color:var(--mint);font-weight:600}
.manual-nav .manual-sections{padding:0 12px 12px 36px}
.manual-sections a{border-left:1px solid var(--line);padding:6px 0 6px 12px;font-size:12px}
.manual-sections a:hover{border-left-color:var(--mint)}
.release-availability{margin-top:26px}
.release-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.release-notice strong{color:var(--mint);font-size:19px}
.release-notice span{color:var(--muted);font-size:13px}
.app-store-badge{display:inline-block;line-height:0}.app-store-badge img{width:auto;height:48px;border:0}.app-store-badge:hover{opacity:.85}
.release-platforms{margin-top:12px;font-size:13px;line-height:1.6;color:var(--muted)}
.release-availability+.actions{margin-top:18px}
@media(max-width:900px){.site-layout.manual-layout{display:block}.compact-toc .manual-nav{padding-top:16px}.manual-nav .manual-chapter-link{min-height:44px}.manual-sections a{padding-block:10px;font-size:13px}}
/* Gallery images open in a modal; captures always keep their native proportions. */
html{scrollbar-gutter:stable}
html.lightbox-open{overflow:hidden}
.gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}
.gallery-open:hover img{border-color:var(--mint)}
.gallery-lightbox{width:calc(100vw - 32px);max-width:1600px;max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);box-shadow:0 24px 100px #0008;overflow:auto}
.gallery-lightbox::backdrop{background:rgb(0 0 0 / .86)}
.lightbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.lightbox-heading p{margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.gallery-lightbox button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font-size:14px;white-space:nowrap}
.gallery-lightbox button:hover{border-color:var(--mint)}
.lightbox-close span{margin-left:10px;font-size:20px;line-height:1}
.lightbox-stage{height:calc(100dvh - 180px);max-height:1000px;min-height:100px;display:flex;align-items:center;justify-content:center;background:#101214}
.lightbox-stage img{width:100%;height:100%;object-fit:contain}
.lightbox-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.lightbox-navigation span{font:13px var(--mono);color:var(--muted);white-space:nowrap}
@media(max-width:600px){.gallery-lightbox{width:calc(100vw - 16px);padding:12px}.lightbox-heading{gap:10px}.lightbox-heading p{font-size:13px}.gallery-lightbox button{padding-inline:10px;font-size:12px}.lightbox-stage{height:calc(100dvh - 210px)}.lightbox-navigation{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{html{color-scheme:light}body{background:white;color:black}.site-header,footer,.contents-rail,.compact-toc,.chapter-pager,.search-box{display:none}.site-layout,.site-layout.with-toc{display:block;padding:0}.inner-main{margin:0;padding:0}article p,article li,.lede{color:#222}.page-heading{border-color:#aaa}a{color:#111!important}.screen-guide{background:white;break-inside:avoid}.screen{break-inside:avoid}h2{break-after:avoid}}

/* Best Tones · How to Import (2026-09-25) */
.tone-note{margin:0 0 44px}.tone-note a{color:var(--mint);border-bottom:1px solid var(--mint)}.tone-category{border-top:2px solid var(--mint);padding:26px 0 40px}.tone-category:nth-of-type(2n){border-color:var(--yellow)}.tone-category h2{font-size:30px}.tone-blurb{color:var(--muted);margin:0 0 18px}.tone-list{list-style:none;counter-reset:tone;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.tone-list li{counter-increment:tone;position:relative;padding:14px 0 14px 40px;border-top:1px solid var(--line);min-width:0}.tone-list li::before{content:counter(tone,decimal-leading-zero);position:absolute;left:0;top:16px;font:12px var(--mono);color:var(--mint)}.tone-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.tone-line a strong{font-weight:600;color:var(--ink)}.tone-line a:hover strong{color:var(--mint)}.tone-line a span{color:var(--mint)}.tone-creator{font:12px var(--mono);color:var(--muted)}.tone-list p{margin:6px 0 0;font-size:14px;color:var(--muted)}.tone-category>p:last-child a{display:inline-block;color:var(--mint);margin-top:16px;border-bottom:1px solid var(--mint);font-size:14px}.version-tag{display:inline-block;font:11px var(--mono);color:#10231b;background:var(--mint);padding:1px 6px;margin-right:6px;vertical-align:1px}
@media(max-width:760px){.tone-list{grid-template-columns:1fr}.tone-category h2{font-size:24px}}
.tone3000-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}.tone3000-copy p{color:var(--muted)}.tone3000-copy .eyebrow{color:var(--mint)}.tone3000-logo{display:inline-block;margin:0 0 26px}.tone3000-logo img{width:210px;height:auto}.tone3000-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 8px}.tone3000-powered{font:13px var(--mono);color:var(--muted);margin-top:24px}.tone3000-powered a,article section li a{color:var(--mint);border-bottom:1px solid var(--mint)}@media(max-width:800px){.tone3000-promo,.tone3000-shots{grid-template-columns:1fr;gap:24px}}
.manual-version{font:12px var(--mono);color:var(--muted);margin:-12px 0 28px}.manual-version strong{color:var(--ink);font-weight:500}.manual-version a{color:var(--mint);border-bottom:1px solid var(--mint)}.pro-tag{display:inline-block;font:600 10px/1 var(--mono);letter-spacing:.08em;color:#e5534b;border:1px solid #e5534b;padding:3px 5px 2px;margin:0 2px 0 4px;vertical-align:.12em;white-space:nowrap}

/* 2.0 매뉴얼의 기기 선택 (2026-10-11). `data-for`가 붙은 것은 고른 기기에만 보인다 — 스크립트가 없으면 iPad다. */
html:not([data-manual-device]) [data-for]:not([data-for~="ipad"]),html[data-manual-device="ipad"] [data-for]:not([data-for~="ipad"]),html[data-manual-device="iphone"] [data-for]:not([data-for~="iphone"]),html[data-manual-device="mac"] [data-for]:not([data-for~="mac"]){display:none}
.device-switch{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 14px;font:12px var(--mono)}.device-switch span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-right:14px}.device-switch button{font:inherit;letter-spacing:.08em;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:0;margin-left:-1px;padding:10px 18px;min-height:40px;cursor:pointer}.device-switch button:first-of-type{margin-left:0}.device-switch button:hover{color:var(--ink)}.device-switch button:focus-visible{outline:2px solid var(--mint);outline-offset:2px;position:relative}
html:not([data-manual-device]) [data-device-choice="ipad"],html[data-manual-device="ipad"] [data-device-choice="ipad"],html[data-manual-device="iphone"] [data-device-choice="iphone"],html[data-manual-device="mac"] [data-device-choice="mac"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.device-switch+.manual-platform-note{margin-top:0}
.device-note{border-left:3px solid var(--mint);background:var(--surface);padding:12px 16px;font-size:14px;color:var(--muted)}.device-note strong{font:500 11px var(--mono);letter-spacing:.12em;color:var(--mint);margin-right:8px;text-transform:uppercase}
.callout{border-left:3px solid var(--line);background:var(--surface);padding:12px 16px;margin:0 0 1.2em;font-size:15px}.callout strong:first-child{font:600 12px var(--mono);letter-spacing:.12em;margin-right:8px;text-transform:uppercase;color:var(--muted)}.callout-caution{border-left-color:var(--yellow)}.callout-caution strong:first-child{color:var(--yellow)}li>.callout{margin:10px 0 4px}
/* 기기 선택은 늘 보인다 — 넓은 화면에서는 왼쪽 메뉴 맨 위에 붙고, 좁은 화면에서는 본문의 것이 헤더 아래에 붙는다. */
.rail-switch{position:sticky;top:0;z-index:1;background:var(--bg);margin:0;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}.rail-switch span{width:100%;margin:0 0 8px}.rail-switch button{flex:1;padding:8px 0;min-height:36px}
@media(min-width:901px){.inner-main>.device-switch{display:none}}
@media(max-width:900px){.inner-main>.device-switch{position:sticky;top:var(--header-height,88px);z-index:5;background:var(--bg);margin:0 -28px 20px;padding:10px 28px;border-bottom:1px solid var(--line)}.inner-main>.device-switch button{padding:8px 14px;min-height:36px}}
/* 지금 읽는 절 — app.js가 스크롤 위치에 맞춰 aria-current="location"을 옮긴다. */
.manual-sections a[aria-current="location"]{color:var(--mint);border-left:2px solid var(--mint);padding-left:11px;font-weight:600}
.borrowed-screen{font-size:12px;color:var(--muted);margin:0 0 12px}
/* 아이폰 그림과 조각은 폭이 좁다 — 칸 너비로 늘이면 실물보다 훨씬 커진다. */
.screen-guide .screen[data-device="iphone"] img{width:auto;height:auto;max-width:min(100%,420px);max-height:760px;margin:0 auto;display:block}
/* 그린 화면의 한 영역만 보이는 틀 (2026-10-12) — 위치와 크기는 build.mjs가 그림마다 붙인다. */
.screen-guide .screen .crop{overflow:hidden;background:#111315;border:1px solid var(--line)}.screen-guide .screen .crop img{display:block;max-width:none;max-height:none;height:auto;border:0;object-fit:fill}.screen-guide .screen[data-device="iphone"] .crop{margin:0 auto}
@media print{.device-switch{display:none}}
/* 무료와 Pro — 사양 페이지 (2026-10-11). */
.preview-note{border-left:3px solid var(--mint);background:var(--surface);padding:14px 18px;font-size:13px;color:var(--muted);margin:-8px 0 32px}
.plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 56px}
.plan-card{border:1px solid var(--line);background:var(--surface);padding:30px 28px;display:flex;flex-direction:column}
.plan-card .eyebrow{margin-bottom:14px}.plan-card h2{font-size:30px;margin:0 0 10px}
.plan-price{color:var(--muted);font-size:14px;margin:0 0 20px;min-height:3.2em}
.plan-card ul{list-style:none;padding:0;margin:0 0 28px;font-size:14px;color:var(--muted);flex:1}
.plan-card li{padding:8px 0 8px 22px;border-top:1px solid var(--line);position:relative}
.plan-card li::before{content:"✓";position:absolute;left:0;color:var(--mint)}
.plan-card .button{align-self:flex-start}
.plan-pro{border-color:var(--yellow)}.plan-pro .eyebrow{color:var(--yellow)}.plan-pro li{color:var(--ink)}.plan-pro li::before{color:var(--yellow)}
.plan-pro li:first-child{color:var(--muted)}.plan-pro li:first-child::before{color:var(--mint)}
.plan-table thead th{background:none;color:var(--muted);font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-top:0;width:auto}
.plan-table th[scope=row]{width:auto;background:none;font-weight:500}
.plan-table th small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.5}
/* 인터페이스 표 (2026-10-22) — 숫자 두 칸과 근거 한 칸. 좁은 화면에서 근거가 밖으로 밀리지 않게 칸을 줄인다. */
.interface-table td,.interface-table thead th:not(:first-child){width:13%}
.interface-table td:last-child,.interface-table thead th:last-child{width:20%}
@media(max-width:700px){.interface-table th[scope=row]{padding-inline:10px}.interface-table td,.interface-table thead th:not(:first-child){width:auto;padding-inline:4px;font-size:12px}}
.plan-table td,.plan-table thead th:not(:first-child){width:19%;text-align:center;vertical-align:middle}
.plan-table .plan-group th{background:var(--surface);font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);padding-block:12px}
.plan-yes{color:var(--mint);font-size:18px}.plan-no{color:#646c72}.plan-text{color:var(--ink);font-size:14px}
.plan-pro-row td:last-child .plan-yes,.plan-pro-row td:last-child .plan-text{color:var(--yellow)}
.download-band{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface);padding:34px 36px;margin:56px 0}
.download-band h2{font-size:26px;margin:0 0 8px}.download-band p{color:var(--muted);font-size:14px;margin:0;max-width:56ch}
.download-action{flex:none}.download-action .release-platforms{margin-top:10px;font-size:12px;max-width:34ch}
/* 버전 정보. */
.release-track{margin-bottom:64px}
.release{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;border-top:1px solid var(--line);padding:28px 0}
.release header h3{font:500 26px var(--mono);margin:0}.release-date{font:12px var(--mono);color:var(--muted);margin:8px 0 0}
.release p{margin:0 0 14px}.release h4{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);margin:22px 0 10px}
.release ul{margin:0;padding-left:20px;color:var(--muted);font-size:15px}.release li{margin-bottom:6px}
@media(max-width:700px){.plan-cards{grid-template-columns:1fr}.plan-price{min-height:0}.plan-table td,.plan-table thead th:not(:first-child){width:22%;padding-inline:8px}.plan-table th[scope=row]{padding-inline:12px}.download-band{padding:26px 22px;margin:40px 0}.release{grid-template-columns:1fr;gap:10px}}
/* 없는 주소 (404) — 2026-10-11. */
html[data-lang=ko] [data-l=en],html[data-lang=en] [data-l=ko]{display:none!important}
.not-found-page .site-nav a{font-size:13px}
.not-found{max-width:760px;margin:0 auto;padding:clamp(48px,12vh,130px) 28px 96px;position:relative}
.not-found-code{font:600 clamp(96px,22vw,200px)/.9 var(--mono);letter-spacing:-.04em;color:var(--surface);-webkit-text-stroke:1px var(--line);margin:0 0 28px -.04em;user-select:none}
.not-found .eyebrow{position:relative;margin-bottom:22px}
.not-found h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 18px}
.not-found h1 span,.not-found .lede span,.not-found-contact span{display:block}
.not-found .lede{color:var(--muted);max-width:44ch;margin:0}
.not-found .actions{margin:34px 0 0}
.not-found-contact{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:56px;padding-top:20px}
.not-found-contact a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.not-found{padding-inline:20px}.not-found .actions .button{width:100%}}

/* manual image sizes (scripts/build.mjs) */
.screen-guide .screen img.nw-694{max-width:min(100%,694px)}
.screen-guide .screen img.nw-366{max-width:min(100%,366px)}
.screen-guide .screen img.nw-1194{max-width:min(100%,1194px)}
.screen-guide .screen img.nw-402{max-width:min(100%,402px)}
.screen-guide .screen img.nw-1440{max-width:min(100%,1440px)}
.screen-guide .screen img.nw-546{max-width:min(100%,546px)}
.screen-guide .screen img.nw-342{max-width:min(100%,342px)}
.screen-guide .screen img.nw-544{max-width:min(100%,544px)}
.screen-guide .screen img.nw-794{max-width:min(100%,794px)}
.screen-guide .screen img.nw-660{max-width:min(100%,660px)}
.screen-guide .screen img.nw-1038{max-width:min(100%,1038px)}
.screen-guide .screen img.nw-363{max-width:min(100%,363px)}
.screen-guide .screen img.nw-1060{max-width:min(100%,1060px)}
.screen-guide .screen img.nw-1040{max-width:min(100%,1040px)}
.screen-guide .screen img.nw-370{max-width:min(100%,370px)}
.screen-guide .screen img.nw-960{max-width:min(100%,960px)}
.screen-guide .screen .crop.crop-v2-ipad-tracks-window-630-590-1240-80{aspect-ratio:1240/80;max-width:min(100%,620px)}.screen-guide .screen .crop.crop-v2-ipad-tracks-window-630-590-1240-80 img{width:154.8387%;margin:-47.5806% 0 0 -50.8065%}
.screen-guide .screen .crop.crop-v2-iphone-tracks-window-200-830-720-200{aspect-ratio:720/200;max-width:min(100%,240px)}.screen-guide .screen .crop.crop-v2-iphone-tracks-window-200-830-720-200 img{width:154.1667%;margin:-115.2778% 0 0 -27.7778%}
.screen-guide .screen .crop.crop-v2-mac-tracks-window-630-590-1240-80{aspect-ratio:1240/80;max-width:min(100%,620px)}.screen-guide .screen .crop.crop-v2-mac-tracks-window-630-590-1240-80 img{width:154.8387%;margin:-47.5806% 0 0 -50.8065%}
.screen-guide .screen .crop.crop-v2-ipad-tracks-window-590-715-1310-380{aspect-ratio:1310/380;max-width:min(100%,655px)}.screen-guide .screen .crop.crop-v2-ipad-tracks-window-590-715-1310-380 img{width:146.5649%;margin:-54.5802% 0 0 -45.0382%}
.screen-guide .screen .crop.crop-v2-iphone-tracks-window-40-1100-1040-700{aspect-ratio:1040/700;max-width:min(100%,347px)}.screen-guide .screen .crop.crop-v2-iphone-tracks-window-40-1100-1040-700 img{width:106.7308%;margin:-105.7692% 0 0 -3.8462%}
.screen-guide .screen .crop.crop-v2-mac-tracks-window-590-715-1310-380{aspect-ratio:1310/380;max-width:min(100%,655px)}.screen-guide .screen .crop.crop-v2-mac-tracks-window-590-715-1310-380 img{width:146.5649%;margin:-54.5802% 0 0 -45.0382%}
.screen-guide .screen .crop.crop-v2-ipad-tracks-window-590-132-1310-70{aspect-ratio:1310/70;max-width:min(100%,655px)}.screen-guide .screen .crop.crop-v2-ipad-tracks-window-590-132-1310-70 img{width:146.5649%;margin:-10.0763% 0 0 -45.0382%}
.screen-guide .screen .crop.crop-v2-iphone-tracks-window-40-318-1040-66{aspect-ratio:1040/66;max-width:min(100%,347px)}.screen-guide .screen .crop.crop-v2-iphone-tracks-window-40-318-1040-66 img{width:106.7308%;margin:-30.5769% 0 0 -3.8462%}
.screen-guide .screen .crop.crop-v2-mac-tracks-window-590-132-1310-70{aspect-ratio:1310/70;max-width:min(100%,655px)}.screen-guide .screen .crop.crop-v2-mac-tracks-window-590-132-1310-70 img{width:146.5649%;margin:-10.0763% 0 0 -45.0382%}
.screen-guide .screen img.nw-480{max-width:min(100%,480px)}
.screen-guide .screen img.nw-1000{max-width:min(100%,1000px)}
.screen-guide .screen .crop.crop-v2-ipad-tone-edit-window-1002-104-996-1292{aspect-ratio:996/1292;max-width:min(100%,498px)}.screen-guide .screen .crop.crop-v2-ipad-tone-edit-window-1002-104-996-1292 img{width:200.8032%;margin:-10.4418% 0 0 -100.6024%}
.screen-guide .screen img.nw-367{max-width:min(100%,367px)}
.screen-guide .screen img.nw-499{max-width:min(100%,499px)}
.screen-guide .screen img.nw-698{max-width:min(100%,698px)}
.screen-guide .screen img.nw-375{max-width:min(100%,375px)}
.screen-guide .screen img.nw-710{max-width:min(100%,710px)}
.screen-guide .screen img.nw-1267{max-width:min(100%,1267px)}
.screen-guide .screen img.nw-874{max-width:min(100%,874px)}
.screen-guide .screen img.nw-942{max-width:min(100%,942px)}
.screen-guide .screen img.nw-798{max-width:min(100%,798px)}
.screen-guide .screen .crop.crop-v2-ipad-settings-window-0-200-1388-355{aspect-ratio:1388/355;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-ipad-settings-window-0-200-1388-355 img{width:100%;margin:-14.4092% 0 0 0%}
.screen-guide .screen .crop.crop-v2-iphone-settings-window-0-270-1098-520{aspect-ratio:1098/520;max-width:min(100%,366px)}.screen-guide .screen .crop.crop-v2-iphone-settings-window-0-270-1098-520 img{width:100%;margin:-24.5902% 0 0 0%}
.screen-guide .screen .crop.crop-v2-mac-settings-window-0-200-1388-355{aspect-ratio:1388/355;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-mac-settings-window-0-200-1388-355 img{width:100%;margin:-14.4092% 0 0 0%}
.screen-guide .screen .crop.crop-v2-ipad-settings-all-0-1470-1388-375{aspect-ratio:1388/375;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-ipad-settings-all-0-1470-1388-375 img{width:100%;margin:-105.9078% 0 0 0%}
.screen-guide .screen .crop.crop-v2-mac-settings-all-0-1470-1388-375{aspect-ratio:1388/375;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-mac-settings-all-0-1470-1388-375 img{width:100%;margin:-105.9078% 0 0 0%}
.screen-guide .screen .crop.crop-v2-ipad-settings-all-0-1860-1388-255{aspect-ratio:1388/255;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-ipad-settings-all-0-1860-1388-255 img{width:100%;margin:-134.0058% 0 0 0%}
.screen-guide .screen .crop.crop-v2-mac-settings-all-0-1860-1388-255{aspect-ratio:1388/255;max-width:min(100%,694px)}.screen-guide .screen .crop.crop-v2-mac-settings-all-0-1860-1388-255 img{width:100%;margin:-134.0058% 0 0 0%}