.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;padding:.45rem .5rem;border-radius:7px;cursor:pointer;font-size:.83rem;color:var(--accent);white-space:nowrap}.nav-dropdown>summary:after{content:'⌄';margin-inline-start:7px}.nav-dropdown[open]>summary{background:var(--tint)}.nav-submenu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:240px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #142e5022;padding:10px;z-index:120}.nav-submenu a{display:block;border-radius:7px;white-space:normal}.nav-submenu a:hover{background:var(--tint)}header{position:relative;z-index:50}.studio-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;background:linear-gradient(125deg,#081b34,#173c66);border-radius:24px;color:#fff;padding:44px;margin:35px 0}.studio-hero .eyebrow{color:#e6bc75}.studio-hero h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.4;margin:0 0 16px;color:#fff}.studio-hero p{color:#d4e4f7;line-height:1.9}.studio-orbit{aspect-ratio:1;max-width:280px;justify-self:center;width:100%;border:1px solid #587da766;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;box-shadow:0 0 0 28px #6d95c008,0 0 0 56px #6d95c006}.studio-orbit strong{font-size:70px;line-height:1;color:#e4b565}.studio-orbit span{font:10px/1.4 system-ui;letter-spacing:.2em;color:#c9dff7}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.tool-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 25px #12395e06;transition:transform .18s,border-color .18s}.tool-card:hover{transform:translateY(-3px);border-color:var(--accent)}.tool-number{font:700 14px system-ui;display:inline-flex;align-items:center;justify-content:center;background:var(--tint);color:var(--accent);width:46px;height:46px;border-radius:13px;margin-bottom:20px}.tool-card h2{font-size:1.25rem;margin:0 0 12px}.tool-card p{color:var(--muted);font-size:.95rem;line-height:1.85}.tool-card>a{font-size:.9rem}.workspace-strip{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:var(--tint);padding:20px;border:1px solid var(--line);border-radius:12px;margin:30px 0}.tool-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;margin-block:26px;box-shadow:0 8px 25px #12395e06}.tool-panel h2{margin-top:0;font-size:1.45rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid>*{min-width:0}.tool-panel label,.saved-card label{display:block;font-size:.9rem;font-weight:600;line-height:1.8;margin-bottom:10px}.tool-panel input:not([type=range]):not([type=color]),.tool-panel textarea,.tool-panel select,.saved-card input,#saved-group{display:block;width:100%;max-width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font:inherit;font-weight:400}.tool-panel textarea{resize:vertical;line-height:1.8}.tool-panel input[type=file]{font-size:.85rem!important;white-space:normal}.tool-panel input[type=color]{width:100%;height:46px;border:1px solid var(--line);padding:3px;background:var(--paper)}input[type=range]{width:100%;accent-color:var(--accent);margin:12px 0}.small-button,.save-button{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--accent);font:inherit;font-size:.88rem;padding:9px 14px;cursor:pointer;line-height:1.6}.save-button[aria-pressed=true]{color:#9a6a12;background:#fff7e6;border-color:#e3c78a}.dark-mode .save-button[aria-pressed=true]{color:#f4d8a1;background:#493819}.tool-actions,.save-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:18px}.tool-actions .action-button{margin:0}.tool-actions>a{padding:8px 0}.save-actions{margin-top:10px;margin-bottom:0;border-top:1px solid var(--line);padding-top:15px;font-size:.85rem}.tool-status,.personal-status{font-size:.9rem;color:var(--muted);line-height:1.9;min-height:1.5em;overflow-wrap:anywhere}.personal-status{text-align:center;padding:0 15px}.tool-status:not(:empty){background:var(--tint);padding:12px 15px;border-radius:8px}.tool-guide{max-width:900px;margin:45px auto}.tool-guide li{line-height:1.9;margin:12px 0}button:disabled{opacity:.5;cursor:not-allowed}button:disabled.quiz-option{opacity:1}.inline-fields{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.inline-fields label{flex:1;min-width:200px}.shot-row{border:1px solid var(--line);border-radius:12px;padding:22px;margin-block:16px}.row-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.row-head h3{margin:0;margin-inline-end:auto}.shot-reference{max-width:220px;max-height:150px;object-fit:contain;display:block;margin:15px 0}.plan-total{color:var(--accent);font-weight:700}.print-sheet{display:none}.subtitle-row{display:grid;grid-template-columns:30px 1fr 1fr 2fr 35px;align-items:start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.subtitle-row .small-button{padding:6px}.subtitle-preview{min-height:100px;background:#0c2038;color:#fff;text-align:center;font-size:1.3rem;white-space:pre-wrap;border-radius:10px;padding:25px;margin:15px 0;line-height:1.9}#subtitle-video{width:100%;max-height:430px;border-radius:10px;background:#081b34}#jpg-preview{display:block;max-width:100%;width:auto;max-height:520px;margin:20px auto;border-radius:8px;background:var(--tint)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.metric{background:var(--tint);border-radius:10px;padding:18px;min-width:0}.metric span{display:block;font-size:.85rem;color:var(--muted)}.metric strong{display:block;direction:ltr;font-size:1.45rem;color:var(--accent);margin-top:9px;overflow-wrap:anywhere}.saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.saved-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.saved-card h2{font-size:1.2rem}.saved-card pre{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;font:14px/1.8 system-ui;background:var(--tint);padding:15px}.saved-card>button{margin-top:15px}.article-toc{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:17px 22px;margin:20px 0}.article-toc summary{cursor:pointer;color:var(--accent);font-weight:600}.article-toc li{font-size:.92rem;line-height:1.8}.reader-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin:25px 0 15px}.reader-controls>a{font-size:.9rem}.reading-progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:500;pointer-events:none}.reading-progress>div{height:100%;background:#d8a24a;width:0}.path-progress{font-size:.85rem;color:var(--accent);border-top:1px solid var(--line);padding-top:15px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.process-grid>article{background:var(--tint);padding:22px;border-radius:12px}.process-grid h3{font-size:1.05rem;line-height:1.8}.process-grid p{font-size:.93rem;line-height:1.9}.development-figure{margin:30px 0}.development-figure img{width:100%;height:auto;border-radius:14px}.development-figure figcaption{color:var(--muted);font-size:.86rem;padding:12px 0;line-height:1.8}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.compare-grid figure{margin:0}.compare-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.compare-grid figcaption{color:var(--muted);font-size:.85rem;padding:9px 0}.color-before{filter:brightness(.58) saturate(.65)}.pacing-view{display:flex;gap:5px;direction:ltr;margin:20px 0}.pacing-view span{background:#2e6fdd;color:white;padding:20px 3px;text-align:center;border-radius:5px;min-width:0;font-size:.85rem}.pacing-view span:nth-child(2){background:#174e9b}.pacing-view span:nth-child(3){background:#608bd0}.tool-panel [hidden],.form-grid [hidden]{display:none!important}.content h2[id]{scroll-margin-top:30px}
@media(max-width:1000px){.nav-dropdown{width:100%}.nav-dropdown>summary{padding:11px}.nav-submenu{position:static;width:100%;box-shadow:none;margin-top:5px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:1fr}.studio-hero{grid-template-columns:1.3fr 1fr;padding:30px}.subtitle-row{grid-template-columns:25px 1fr 1fr 35px}.subtitle-row>label:nth-of-type(3){grid-column:2/4;grid-row:2}.subtitle-row>button{grid-column:4;grid-row:1}}
@media(max-width:600px){.tool-grid,.form-grid,.saved-grid,.compare-grid{grid-template-columns:1fr}.tool-panel{padding:20px}.tool-card{padding:23px}.studio-hero{grid-template-columns:1fr;padding:26px}.studio-orbit{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric strong{font-size:1.1rem}.tool-actions{gap:10px}.tool-actions>*{max-width:100%}.shot-row{padding:15px}.subtitle-row{gap:8px;grid-template-columns:22px 1fr 1fr 28px}.subtitle-row label{font-size:.8rem}.subtitle-row input{font-size:.76rem!important;padding:8px!important}.tool-panel input[type=file]{padding:9px!important}.reader-controls{gap:9px}.compare-grid{gap:22px}.nav-submenu{width:100%}.tool-guide{margin-block:30px}.tool-grid .tool-number{margin-bottom:15px}}
@media print{body.print-planner header,body.print-planner footer,body.print-planner .header-banner,body.print-planner .page-header,body.print-planner .personal-status{display:none!important}body.print-planner main>.container>*{display:none!important}body.print-planner main>.container>#planner-print{display:block!important}body.print-planner .container{width:100%;max-width:none}body.print-planner{background:white;color:black}body.print-planner .print-shot{break-inside:avoid;border:1px solid #ccc;padding:15px;margin:15px 0}body.print-planner .print-shot img{max-height:150px;max-width:230px}body.print-planner .print-shot p{white-space:pre-wrap}}