:root{color:#dbe3dd;font-synthesis:none;--muted:#788b81;--border:#29352f;--accent:#c3e2a5;--panel:#151d19;background:#101513;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}button{color:inherit;border:1px solid var(--border);background:0 0;border-radius:6px;padding:9px 12px}button:hover{background:#253129;border-color:#526553}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--border);background:#121a16;align-items:center;gap:28px;height:60px;padding:0 30px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:12px;font-size:22px;font-weight:500;display:flex}.top-actions{gap:9px;margin-left:auto;display:flex}.primary{background:var(--accent);border:1px solid var(--accent);color:#1f3022;border-radius:5px;justify-content:center;align-items:center;gap:28px;padding:12px 18px;font-weight:600;display:inline-flex}.primary:hover{background:#d8f2bf;border-color:#d8f2bf}.quiet{border-color:#0000;font-size:11px}.workspace{grid-template-columns:228px minmax(300px,1fr) 296px;min-height:calc(100vh - 60px);display:grid}.source-panel{border-right:1px solid var(--border);padding:30px 22px}.section-eyebrow{color:#90a28f;letter-spacing:1.8px;font-size:9px;font-weight:500}h1{letter-spacing:.06em;margin:12px 0 11px;font-size:21px;font-weight:500}h2{margin:10px 0 20px;font-size:15px;font-weight:500}.upload{background:linear-gradient(130deg,#26332970,#17221b);border:1px dashed #4a5c49;flex-direction:column;align-items:center;gap:11px;width:100%;padding:20px 6px 17px;display:flex}.upload-icon{width:32px;height:32px;color:var(--accent);border:1px solid #50674d;border-radius:50%;place-items:center;font-size:23px;font-weight:300;display:grid}.upload strong{font-size:11px;font-weight:500}.upload small{color:var(--muted);font-size:9px;line-height:1.9}.source-info{color:#a7b8aa;align-items:center;gap:7px;margin:14px 0 23px;font-size:9px;display:flex}.source-info span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.field{color:#a1b2a7;flex-direction:column;gap:8px;margin:14px 0;font-size:10px;display:flex}select{color:#d8e3d9;background:#19221d;border:1px solid #334037;border-radius:4px;width:100%;padding:9px}.divider{background:var(--border);height:1px;margin:25px 0}.presets{flex-direction:column;gap:6px;display:flex}.presets button{text-align:left;background:#19221d;border-color:#0000;align-items:center;padding:11px 10px;font-size:11px;display:flex}.presets button.active{color:#e0eccd;background:#2a3828;border-color:#768962}.text-button{color:#93a88f;border:0;padding:5px 0;font-size:10px}.reference{color:#647d6d;margin-top:20px;font-size:8px;display:block}.stage-panel{background:radial-gradient(at 50% 30%,#1e2b22 0,#0000 65%);flex-direction:column;min-width:0;padding:28px 28px 24px;display:flex}.stage-heading{letter-spacing:1.3px;color:#819787;justify-content:space-between;font:9px monospace;display:flex}.stage-heading>div{align-items:center;gap:8px;display:flex}.stage-space{flex:1;justify-content:center;align-items:center;min-height:370px;padding:28px 0;display:flex}.stage-space.dragover{outline:1px dashed var(--accent);outline-offset:-8px;background:#c3e2a510}#canvas-wrap{aspect-ratio:16/9;background:#17271e;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006}#preview{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#preview:active{cursor:grabbing}#canvas-error{color:#f0c6ac;background:#18231ce6;padding:25px;line-height:1.9;position:absolute;inset:0}.transport{border:1px solid var(--border);background:#18221c;border-radius:6px;align-items:center;gap:13px;padding:8px 10px;display:flex}.icon-button{border:0;padding:5px 8px;font-size:16px}.transport #time{color:#b1c2ac;min-width:48px;font:10px monospace}.transport input{flex:1;min-width:20px}.timeline-end{color:#74856e;white-space:nowrap;font:9px monospace}input[type=range]{appearance:none;cursor:pointer;height:3px;accent-color:var(--accent);background:#354239;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#bfd6a6;border:0;border-radius:50%;width:9px;height:9px}input[type=range]::-moz-range-thumb{background:#bfd6a6;border:0;border-radius:50%;width:9px;height:9px}.stage-bottom{color:#687d6d;justify-content:space-between;gap:20px;margin-top:15px;font-size:8px;display:flex}.stage-bottom span:last-child{letter-spacing:1px;font:8px monospace}.effects-panel{border-left:1px solid var(--border);background:var(--panel);scrollbar-width:thin;scrollbar-color:#435141 transparent;max-height:calc(100vh - 60px);padding:29px 21px;overflow:auto}.effects-heading{justify-content:space-between;align-items:center;display:flex}.effects-heading h2{margin-bottom:23px}.layer{border-top:1px solid var(--border);padding:15px 0}.layer-head{align-items:center;gap:9px;margin-bottom:3px;display:flex}.layer-title{flex:1;font-size:11px}.switch{flex:none;width:26px;height:14px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:#35463a;border-radius:10px;width:26px;height:14px;transition:background .2s;display:block}.switch span:after{content:"";background:#7c8a7d;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:#8baf73}.switch input:checked+span:after{background:#eef5da;transform:translate(12px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.layer-body{padding-top:8px}.layer.off .layer-body{opacity:.35}.slider-row{margin:12px 0 16px}.slider-label{color:#a2b29f;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;display:flex}.slider-label output{color:#7f947b;font:9px monospace}.slider-row input{width:100%;margin:0}.layer details summary{color:#829b7f;cursor:pointer;padding:8px 0 3px;font-size:9px}.layer .hint{color:#788c77;margin:9px 0;font-size:9px;line-height:1.8}.wide{width:100%;margin-top:14px}dialog{color:#dce7d9;background:#18231c;border:1px solid #495d44;border-radius:12px;width:420px;max-width:calc(100vw - 30px);padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07110dbb}dialog h2{margin-top:13px;font-size:21px}dialog>p{color:#9bad97;font-size:11px;line-height:1.8}.dialog-close{color:#8a9e84;border:0;font-size:23px;position:absolute;top:10px;right:14px}#export-settings{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.export-hint{font-size:10px!important}progress{width:100%;height:5px;accent-color:var(--accent);margin-top:15px}#export-status{color:#bfd6a6;margin-top:12px;font-size:11px}#export-video{border-radius:5px;width:100%;margin-top:18px;display:block}#toast{color:#21311f;z-index:20;opacity:0;pointer-events:none;background:#d1e5bd;border-radius:6px;padding:12px 22px;font-size:11px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);box-shadow:0 5px 30px #0007}#toast.visible{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}body.recording .workspace,body.recording .topbar{pointer-events:none;opacity:.6}@media (width>=1550px){.workspace{grid-template-columns:250px minmax(400px,1fr) 320px}.stage-panel{padding:32px 45px}.source-panel{padding:33px 26px}.effects-panel{padding:33px 25px}}@media (width<=1100px){.workspace{grid-template-columns:185px minmax(260px,1fr) 260px}.source-panel,.effects-panel{padding:25px 15px}.stage-panel{padding:25px 18px}.topbar{padding:0 22px}.stage-space{min-height:280px}.transport{gap:5px}.stage-bottom span:last-child{display:none}}@media (width<=850px){.workspace{grid-template-columns:180px 1fr}.effects-panel{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;max-height:none}#effects{grid-template-columns:repeat(3,1fr);gap:0 25px;display:grid}.stage-panel{min-height:530px}.top-actions{gap:0}.topbar{gap:10px}.brand{font-size:19px}}@media (width<=600px){.topbar{flex-wrap:wrap;height:auto;min-height:70px;padding:14px 16px}.top-actions{width:100%;margin-left:0}.top-actions .primary{margin-left:auto;font-size:11px}.workspace{flex-direction:column;display:flex}.stage-panel{order:0;min-height:380px;padding:20px 15px}.stage-space{min-height:240px;padding:20px 0}.source-panel{border-right:0;border-top:1px solid var(--border);order:1;grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.source-panel .intro,.source-panel>.section-eyebrow,.source-panel>h1,.source-panel>.divider,.source-panel>.tip{display:none}.upload{grid-row:1/4}.source-info{grid-column:2;margin-bottom:0}.source-panel .presets{flex-direction:row;grid-column:1/-1}.presets button{flex:1}.effects-panel{order:2}#effects{grid-template-columns:1fr 1fr;gap:0 20px}.source-panel #image-controls{grid-column:1/-1}.reference{font-size:8px}.source-panel>h2{grid-column:1/-1}.stage-bottom{font-size:8px}}@media (width>=851px){.workspace{height:calc(100dvh - 60px);min-height:0}.source-panel{scrollbar-width:thin;scrollbar-color:#435141 transparent;overflow-y:auto}.stage-panel{min-height:0}.stage-space{min-height:0;padding:18px 0}.stage-panel{padding-top:24px;padding-bottom:20px}.transport{flex-shrink:0}}.tilt-pair{background:#1e2a2255;border-radius:5px;grid-template-columns:1fr 1fr;gap:14px;margin:5px -9px;padding:0 9px;display:grid}.canvas-tools{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;margin:0 0 7px;display:flex}.canvas-tools button{background:#18221c;padding:8px 12px;font-size:10px}.canvas-tools button:hover{background:#344832}.edit-modes{gap:3px;margin-right:auto;display:flex}.edit-modes button[aria-pressed=true]{color:#22321c;background:#c3e2a5;border-color:#c3e2a5}#gesture-hint{color:#819b80;flex-shrink:0;min-height:12px;margin-bottom:12px;font-size:9px}#preview[data-mode=tilt]{cursor:crosshair}#preview[data-mode=rotate]{cursor:ew-resize}@media (width<=600px){.canvas-tools button{padding:7px 10px;font-size:9px}.stage-panel{min-height:480px}}.topbar{padding-inline:20px}.brand{letter-spacing:0;font-size:18px}.source-panel{padding-top:20px}.upload{gap:8px;padding:14px 6px}.divider{margin:18px 0}.effects-heading h2{margin:0 0 14px;font-size:13px}.stage-bottom{align-items:center;margin-top:8px}.stage-bottom button{white-space:nowrap;margin-left:auto;padding:6px 0}.stage-bottom button[aria-pressed=true]{color:var(--accent)}.presets{grid-template-columns:1fr 1fr;display:grid}.presets button{justify-content:center;padding:9px 5px}.stage-heading{letter-spacing:0}.stage-panel{background:#111916}.transport #rain-sound{white-space:nowrap;padding-inline:6px}.transport #rain-sound[aria-pressed=true]{color:var(--accent);background:#2a3828;border-color:#768962}.umbrella-tools-label{color:#adc5a8;white-space:nowrap;font-size:11px}.canvas-tools{flex-wrap:wrap}#preview[data-mode=distance]{cursor:ns-resize}.layer-disclosure{text-align:left;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 0;display:flex}.layer-disclosure:hover{color:var(--accent);background:0 0}.disclosure-arrow{color:var(--muted);transition:transform .15s;display:inline-block}.layer-disclosure[aria-expanded=true] .disclosure-arrow{transform:rotate(90deg)}.layer-body[hidden]{display:none}.layer-head .switch{flex-shrink:0}.language-switch{align-items:center;gap:2px;display:flex}.language-switch button{white-space:nowrap;padding:7px 9px;font-size:11px}.language-switch button[aria-pressed=true]{color:#e0eccd;background:#2a3828;border-color:#768962}html[lang=en] .slider-label label{min-width:0;line-height:1.5}html[lang=en] .layer-title{line-height:1.5}.top-actions{align-items:center}@media (width<=700px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding-block:10px}.top-actions{flex-wrap:wrap;gap:5px;margin-left:0}}.source-info[hidden]{display:none}