:root{color:#1b2430;background:#efeae1;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid #1b2430;outline-offset:2px}.app{min-height:100vh}.top{padding:20px 24px 0}.top h1{margin:0;font-size:1.7rem;letter-spacing:.04em}.lede,.privacy{margin:6px 0 0}.privacy{color:#3d4a44;font-size:.92rem}.guide{margin-top:14px;padding:12px 14px;border:1px solid #e3d9cb;border-radius:12px;background:#fffdf8}.guide-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.guide-title{margin:0;font-size:1.05rem;font-weight:700;color:#0e6b66}.guide-toggle{border:none;background:transparent;padding:2px 0;color:#52615c;font-size:.85rem;white-space:nowrap}.guide-toggle:hover{color:#0e6b66}.guide-body{overflow:hidden}.guide.is-collapsed{padding-top:10px;padding-bottom:10px}.guide.is-collapsed .guide-body{max-height:0;opacity:0;pointer-events:none;visibility:hidden}.guide:not(.is-collapsed) .guide-body{max-height:1200px;opacity:1}@media(prefers-reduced-motion:no-preference){.guide-body{transition:opacity .18s ease,max-height .22s ease}}.guide-lead{margin:6px 0 0;max-width:42em;color:#3d4a44;font-size:.92rem}.guide-cards{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:12px 0 0}.guide-card{flex:1 1 140px;max-width:220px;min-width:128px;margin:0;padding:10px 10px 12px;border:1px solid #e8dfd2;border-radius:12px;background:#fff}.guide-card-num{margin:0 0 2px;color:#8a8175;font-size:.75rem;font-weight:700}.guide-art{display:block;width:72px;height:44px;margin:0 0 6px}.guide-card-title{margin:0;font-size:.95rem}.guide-card-text{margin:4px 0 0;font-size:.82rem;line-height:1.4}.guide-card-hint{margin:4px 0 0;color:#52615c;font-size:.78rem}.guide-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px}.guide-actions .text-link{font-size:.8rem}.guide-arrow{display:none;align-self:center;color:#8a8175;font-size:1.1rem;line-height:1}.guide-detail{margin-top:8px}.guide-detail:first-of-type{margin-top:10px}.guide ol,.ppt-uses{margin:8px 0 4px;padding-left:1.3em}.guide li,.ppt-uses li{margin:4px 0}@media(min-width:1100px){.guide-cards{flex-wrap:nowrap}.guide-card{max-width:none}.guide-arrow{display:block;flex:0 0 auto}}.steps{padding:12px 24px 0}.steps ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;margin:0;padding:0}.steps button{border:none;background:transparent;border-radius:0;padding:4px 2px;color:#52615c}.steps button[aria-current=step]{color:#0e6b66;font-weight:700;box-shadow:inset 0 -2px #0e6b66}.step-arrow{color:#8a8175}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1.45fr) minmax(250px,320px);gap:16px;padding:16px 24px 32px;align-items:start}.workspace.is-empty{grid-template-columns:minmax(280px,440px);justify-content:center}.workspace.is-empty .pane-table{display:none}.pane{min-width:0}.pane-choice{display:grid;gap:12px;align-content:start}@media(min-width:961px){.pane-table,.pane-choice{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior-y:contain}.pane-table .chart-frame{max-width:calc((100dvh - 280px)*1.6);margin-inline:auto}}.look-picker{border:0;padding:0;margin:12px 0;min-width:0}.look-picker legend{padding:0;margin-bottom:6px}.look-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.look-card{position:relative;display:grid;justify-items:center;gap:3px;padding:7px 2px;border:1px solid #c9bfb0;border-radius:10px;background:#fff;cursor:pointer;font-size:.78rem}.look-card svg{width:54px;height:40px}.look-card input{position:absolute;opacity:0;width:1px;height:1px}.look-card:hover{border-color:#0e6b66}.look-card.is-on{color:#0e6b66;border-color:#0e6b66;background:#e8f3ef;box-shadow:inset 0 0 0 1px #0e6b66;font-weight:700}.look-card:focus-within{outline:2px solid #1b2430;outline-offset:2px}.panel{background:#fffdf8;border:1px solid #e3d9cb;border-radius:16px;padding:16px;min-width:0}.panel h2{margin:0 0 12px;font-size:1.15rem}.panel h3{margin:0 0 8px;font-size:.95rem}.stage{box-shadow:0 10px 28px #1b243012}.stage:fullscreen{overflow:auto;background:#efeae1;padding:16px}.stage:fullscreen .chart-frame{max-width:calc((100dvh - 160px)*1.6)}.stage:fullscreen .chart-frame svg{width:auto;max-width:100%;max-height:calc(100vh - 160px);margin:0 auto}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.stage-head h2{margin:0;font-size:1.25rem}.stage-head button,.ghost,.file-button,.primary{border:1px solid #c9bfb0;background:#fffdf8;color:#1b2430;border-radius:999px;padding:6px 12px;text-decoration:none}.project-actions>button,.project-actions>.file-button{text-align:center}.primary{background:#0e6b66;border-color:#0e6b66;color:#fff}.cta-primary{display:flex;width:100%;justify-content:center;border:none;background:#0e6b66;color:#fff;border-radius:12px;padding:14px 16px;font-size:1.05rem;font-weight:700}.cta-primary:focus-visible,.primary:focus-visible,.export-save:focus-visible{outline:2px solid #14312f;box-shadow:0 0 0 3px #fff,0 0 0 5px #0e6b66}.cta-list{display:grid;gap:8px;margin-top:12px}.cta-secondary{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:1px solid #c9bfb0;background:#fffdf8;border-radius:12px;padding:10px 12px;color:#1b2430}.cta-secondary small,.hint,.kicker{color:#52615c;font-size:.82rem;font-weight:400}.hint{margin:8px 0 0}.sample-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:14px}.sample-actions .sample-pop{flex:1 1 180px}.sample-pop{position:relative}.sample-pop>.cta-secondary{flex-direction:row;align-items:center;justify-content:space-between}.sample-list{position:absolute;z-index:4;top:calc(100% + 4px);left:0;min-width:180px;width:max(100%,180px);max-width:min(280px,calc(100vw - 24px));box-sizing:border-box;display:grid;gap:2px;padding:6px;background:#fffdf8;border:1px solid #e3d9cb;border-radius:12px;box-shadow:0 8px 24px #1b243014}.sample-list button{border:none;background:transparent;border-radius:8px;text-align:left;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sample-list button.is-on,.sample-list button:hover{background:#f3faf8}.sample-list button.is-on{color:#0e6b66;font-weight:700}.caret{display:inline-block;margin-left:6px;font-size:.75em}.sample-pop button[aria-expanded=true] .caret{transform:rotate(180deg)}.text-link,.linkish{background:transparent;border:none;padding:4px 0;color:#0e6b66;text-decoration:underline;text-underline-offset:3px}.quiet-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px}.mini{border:1px solid #e3d9cb;background:#fffdf8;color:#3d4a44;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:500;line-height:1.4}.quiet-actions .sample-pop>.mini{display:inline-flex;align-items:center}.quiet-actions .text-link{flex:1 0 100%;font-size:.82rem}.drop{border:1.5px dashed #8aa8a4;border-radius:12px;padding:16px;background:#f6fbfa;text-align:center}.drop.is-on{background:#e7f4f2}.now{text-align:left;border-style:solid;border-color:#d5e6e3}.now-name,.now-sheet,.now-size,.kicker{margin:0}.now-name{font-size:1.05rem;font-weight:700}.now .kicker{margin-top:10px}.now-sheet{margin-top:2px;font-size:1.2rem;font-weight:700;color:#0e6b66}.now-size{color:#3d4a44}.now .ghost{margin-top:10px}.panel h3.sheet-heading{margin:14px 0 0;font-size:.95rem}.sheet-tabs{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:8px}.sheet-select{margin-top:8px}.sheet-tabs button{flex:0 1 auto;min-width:0;max-width:100%;border:1px solid #d5cbbd;border-radius:999px;background:#fffdf8;padding:5px 10px;overflow-wrap:anywhere;text-align:left;line-height:1.3;color:#3d4a44}.sheet-tabs button[aria-selected=true]{color:#0e6b66;font-weight:700;background:#f3faf8;border-color:#0e6b66}.stack{display:grid;gap:8px;margin-top:16px}.section+.section{margin-top:16px;padding-top:14px;border-top:1px solid #efe6da}label.field{display:grid;gap:4px;font-size:.88rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}textarea,input[type=text],input[type=number],select{width:100%;border:1px solid #d5cbbd;border-radius:8px;background:#fff;padding:6px 8px}textarea{min-height:88px;resize:vertical}.manual{display:grid;gap:4px}.manual-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.chart-frame{width:100%;border:1px solid #efe6da;border-radius:12px;overflow:hidden}.chart-frame-3d{aspect-ratio:16 / 10;min-height:280px;background:#fffdf8}.stage-preview.has-light-tools{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:12px;align-items:start}.light-control{display:grid;justify-items:center;gap:5px;padding:10px 5px;border:1px solid #e3d9cb;border-radius:12px;background:#fffdf8;font-size:.8rem}.light-control strong{font-weight:600}.light-ball{display:block;width:96px;height:96px;padding:0;border:0;border-radius:50%;background:transparent;touch-action:none;cursor:grab}.light-ball:active{cursor:grabbing}.light-ball:focus-visible{outline:2px solid #0e6b66;outline-offset:2px}.light-ball svg{display:block;pointer-events:none}.light-ball text{font-size:9px;fill:#5c6a72}.light-hint{color:#5c6a72;font-size:.72rem}.light-shadow{display:flex;align-items:center;gap:5px}.light-shadow input{width:auto;margin:0}.light-control .mini{padding:5px;font-size:.7rem}@media(max-width:700px){.stage-preview.has-light-tools{grid-template-columns:minmax(0,1fr)}.light-control{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:4px 8px}.light-ball{width:76px;height:76px}.light-ball svg{width:100%;height:100%}}.scene3d,.scene3d-host{width:100%;height:100%;min-height:280px}.scene3d{position:relative}.scene3d-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene3d-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.scene3d-leader{stroke:#5a5f6473;stroke-width:1;fill:none}.scene3d.is-theme-dark .scene3d-leader{stroke:#c8d2dc66}.scene3d-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;color:#1b2430;font-weight:600;line-height:1.2;--label-stroke: 1.15px}.scene3d-label-text{position:relative;z-index:1;-webkit-text-stroke:var(--label-stroke) rgba(255,253,248,.94);paint-order:stroke fill;text-shadow:0 0 1px rgba(255,253,248,.95),0 1px 2px rgba(255,253,248,.5)}.scene3d-label-halo{position:absolute;z-index:0;left:50%;top:50%;width:calc(100% + 8px);height:calc(100% + 6px);transform:translate(-50%,-50%);border-radius:3px;background:#fffdf88c;filter:blur(.4px);pointer-events:none}.scene3d-label.is-title .scene3d-label-text{font-weight:700}.scene3d-label.is-value .scene3d-label-text{font-weight:inherit}.scene3d-label.is-category .scene3d-label-text{color:#4a5560;-webkit-text-stroke-color:rgba(255,253,248,.9)}.scene3d-label.is-period .scene3d-label-text{color:#52615c;font-weight:450}.scene3d-label.is-guide-tick .scene3d-label-text{color:#3a4550;font-weight:600}.scene3d-label.is-guide-category .scene3d-label-text{color:#3a4550;font-weight:450;background:var(--guide-label-paper, #fffdf8);box-shadow:0 0 0 2px var(--guide-label-paper, #fffdf8)}.decor-toggles{border:0;padding:0;margin:12px 0;display:grid;gap:6px}.decor-toggles label,.check-field{display:flex;align-items:center;gap:8px}.decor-toggles input,.check-field input{width:auto}.data-colors{display:flex;flex-wrap:wrap;gap:10px 16px;margin:12px 0}.color-field{display:flex;align-items:center;justify-content:space-between;gap:10px}.background-color-field{display:grid;justify-items:start;gap:4px;font-size:.88rem}.color-field input[type=color],.background-color-field input[type=color]{width:48px;height:32px;padding:2px;cursor:pointer}.scene3d.is-theme-dark .scene3d-label.is-guide-category .scene3d-label-text{background:var(--guide-label-paper, #1b2430);box-shadow:0 0 0 2px var(--guide-label-paper, #1b2430)}.scene3d-label.is-guide-axis-title .scene3d-label-text{color:#2a3340;font-weight:650}.scene3d-label.is-guide-size{display:inline-flex;align-items:center;gap:8px;transform:translate(-100%,-50%)}.scene3d-legend-marker{display:inline-block;flex:0 0 auto;border-radius:50%;background:#5a646e73;border:1px solid rgba(40,48,56,.55)}.scene3d.is-theme-dark .scene3d-label.is-guide-tick .scene3d-label-text,.scene3d.is-theme-dark .scene3d-label.is-guide-category .scene3d-label-text,.scene3d.is-theme-dark .scene3d-label.is-guide-axis-title .scene3d-label-text{color:#d8e0e8}.scene3d.is-theme-dark .scene3d-legend-marker{background:#c8d2dc8c;border-color:#e6ebf0b3}.scene3d-label.is-fallback .scene3d-label-text{-webkit-text-stroke-width:calc(var(--label-stroke) + .4px)}.scene3d-label.is-fallback.contrast-dark .scene3d-label-text,.scene3d.is-theme-dark .scene3d-label.is-fallback .scene3d-label-text{color:#fff;-webkit-text-stroke-color:rgba(10,14,20,.95);text-shadow:0 0 2px rgba(10,14,20,.9),0 1px 2px rgba(10,14,20,.55)}.scene3d-label.is-fallback.contrast-on-light-tube .scene3d-label-text{color:#141a22;-webkit-text-stroke-color:rgba(255,253,248,.95)}.scene3d-label.is-fallback .scene3d-label-halo{opacity:1}.scene3d.is-theme-dark .scene3d-label-halo{background:#080c128c}.scene3d.is-theme-dark .scene3d-label-text{color:#f2f5f8;-webkit-text-stroke-color:rgba(20,28,36,.9);text-shadow:0 0 1px rgba(20,28,36,.95),0 1px 2px rgba(10,14,20,.55)}.scene3d.is-theme-dark .scene3d-label.is-category .scene3d-label-text{color:#c5ced8}.scene3d-debug-qa{position:absolute;right:10px;bottom:10px;margin:0;padding:4px 8px;font-size:11px;color:#1b2430;background:#fffdf8d9;border-radius:4px;pointer-events:none}.scene3d-host canvas{display:block;width:100%;height:100%}.scene3d-note{position:absolute;left:12px;bottom:12px;margin:0}.chart-frame svg{display:block;width:100%;height:auto;font-family:inherit}.chart-frame svg text{pointer-events:none}.chart-frame svg .is-pick{cursor:pointer}.transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:10px;background:#f6f1e8;border-radius:12px}.transport button,.transport select{border:1px solid #c9bfb0;background:#fffdf8;color:#1b2430;border-radius:999px;padding:6px 12px}.transport select{width:auto}.transport button.primary{background:#0e6b66;border-color:#0e6b66;color:#fff}.transport label{display:inline-flex;align-items:center;gap:6px;font-size:.88rem}.transport input[type=range]{flex:1 1 100%;min-width:120px;accent-color:#0e6b66}.fold{margin-top:12px}.fold summary{cursor:pointer;font-weight:700;color:#14312f}.fold summary:hover{color:#0e6b66}.check{display:flex;align-items:center;gap:6px;margin-top:8px}.cues{display:grid;gap:8px;margin-top:10px}.cue-row{display:grid;grid-template-columns:minmax(4em,.8fr) 1fr 1fr;gap:8px;align-items:end;font-size:.85rem}.chart-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.chart-cards label{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #e3d9cb;border-radius:12px;padding:8px 4px 10px;background:#fffdf8;text-align:center;font-size:.78rem;line-height:1.3}.chart-cards input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.chart-cards label.is-on{border-color:#0e6b66;background:#f3faf8;color:#0e6b66;font-weight:700;box-shadow:inset 0 -3px #0e6b66}.thumb{width:48px;height:32px;color:#0e6b66}.current-chart{display:flex;justify-content:space-between;gap:8px;margin:12px 0 0;font-size:.9rem}.current-chart span{font-weight:700}.motion,.size-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.motion button,.size-picks button{border:1px solid #e3d9cb;background:#fffdf8;border-radius:10px;padding:8px 4px;font-size:.82rem}.motion button[aria-pressed=true],.size-picks button[aria-pressed=true]{border-color:#0e6b66;background:#f3faf8;color:#0e6b66;font-weight:700}.use-heading{margin-top:4px}.use-list{display:grid;gap:1px}.use-list label{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:2px 6px;background:transparent}.use-list label.is-on{border-color:#0e6b66;background:#f3faf8}.use-list input{margin:0}.use-list strong{font-size:.9rem;font-weight:600}.use-picked{margin-top:10px}.use-picked-name{margin:0;font-weight:700}.alt-list{display:grid;gap:6px;margin-top:8px}.alt-list button{text-align:left;border:1px solid #e3d9cb;background:#fffdf8;border-radius:10px;padding:8px 10px;color:#1b2430}.alt-list button[aria-pressed=true]{border-color:#0e6b66;background:#f3faf8}.alt-list small{display:block;color:#3d4a55;font-weight:400}.embed-code{width:100%;min-height:8rem;margin:8px 0;font:12px/1.45 ui-monospace,Consolas,monospace}.recommend-kicker{margin:14px 0 0;color:#52615c;font-size:.78rem}.recommend-value{margin:2px 0 0;font-size:1.2rem;font-weight:700;letter-spacing:.01em}.export-save{width:100%;margin-top:12px;padding:12px 16px;border-radius:12px;font-weight:700}.export-progress{margin-top:10px;height:8px;border-radius:999px;background:#ebe4d8;overflow:hidden}.export-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f6f5e,#3d8f78);transition:width .15s ease-out}.export-progress.is-indeterminate .export-progress-bar{width:36%;animation:export-indeterminate 1.1s ease-in-out infinite}@keyframes export-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.export-progress-label{margin-top:6px;font-variant-numeric:tabular-nums}.export-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#1b243073;padding:24px}.export-modal{width:min(420px,100%);background:#fffdf8;border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 48px #1b243038}.export-modal h2{margin:0 0 10px;font-size:1.15rem}.export-modal-stage{margin:0 0 6px;font-weight:700;color:#2f6f5e}.export-modal-frames{margin:0 0 10px;font-variant-numeric:tabular-nums;color:#52615c;line-height:1.45}.export-modal .primary{margin-top:12px;width:100%}.table-wrap{overflow:auto;max-height:220px;margin-top:8px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{border-bottom:1px solid #eee4d6;padding:6px 8px;text-align:left;white-space:nowrap}th{background:#f7f3ec;font-weight:600}tr.is-header td{color:#5c6b66}td.is-blank{color:#b0a89c}.note,.reason,.alert{margin:8px 0 0;font-size:.9rem}.reason{color:#52615c}.alert{color:#8c2f2f;background:#fdeeee;border-radius:8px;padding:8px 10px}.banner{margin:12px 24px 0}.empty{margin:0;color:#52615c}.row-actions{display:flex;gap:8px;flex-wrap:wrap}button:disabled{opacity:.45;cursor:default}.field.check{display:flex;align-items:center;gap:8px}.icon-upload-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-top:8px;margin-bottom:8px;box-sizing:border-box;line-height:1.2;cursor:pointer}.icon-upload-note{margin-top:0}.icon-map{list-style:none;margin:8px 0 0;padding:0 4px 0 0;display:grid;gap:8px;max-height:320px;overflow-y:auto;overflow-x:hidden;min-width:0}.icon-map li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);gap:8px;align-items:center;min-width:0}.icon-map select{width:100%;min-width:0;max-width:100%}.icon-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;min-width:0;display:grid;gap:2px}.icon-source{font-size:.72rem;color:#5b6b7c;white-space:nowrap}.icon-thumb{width:28px;height:28px;object-fit:contain;background:transparent;flex-shrink:0}#step-data,#step-chart,#step-motion,#step-export{scroll-margin-top:12px}@media(max-width:960px){.top,.steps{padding-left:16px;padding-right:16px}.guide-card{flex:1 1 100%;max-width:none}.guide-arrow{display:none}.workspace{display:flex;flex-direction:column;padding:12px 16px 24px}.workspace.is-empty{display:grid}.workspace>.pane{width:100%}.pane-table{order:1}.pane-data{order:2}.pane-choice{order:3}.banner{margin-left:16px;margin-right:16px}}