:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#17283c;background:#eef2f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#152b40;color:white;padding:18px 24px;display:flex;justify-content:space-between;gap:16px}header span{font-weight:400;margin-left:16px}header a{color:#cce8ff;margin-left:18px}a{color:#155d83}button,.file{border:1px solid #b9c8d5;background:white;border-radius:6px;padding:10px 13px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:hover:enabled{background:#e7f1fa}button#accept,button#generate{background:#17617a;color:white}input,textarea,select{font:inherit;max-width:100%;border:1px solid #a8b9ca;border-radius:4px;padding:7px;background:white}input[type=range]{width:100%}input[type=color]{width:100%;height:40px}input[type=checkbox]{width:auto}label{display:block;margin:12px 0}label select,label textarea{display:block;width:100%;margin-top:6px}input[type=file]{width:100%;font-size:14px}h2{font-size:17px;margin:20px 0 12px}p{font-size:14px;line-height:1.7;color:#44566b}summary{font-weight:600;cursor:pointer;padding:10px 0}details{border-top:1px solid #cbd6e0;margin-top:15px}nav{display:flex}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;padding:12px 20px;border-bottom:1px solid #ccd5df}.toolbar .file{margin:0}.toolbar input{max-width:210px;display:block;font-size:12px;border:0;padding:2px}#message{font-size:14px;flex-basis:100%;min-height:22px}main{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;padding:18px}aside,.desk{background:white;padding:18px;border:1px solid #cbd6df;border-radius:8px;min-width:0}.row,.viewbar,.decision{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.viewbar label{margin:0;font-size:14px}.viewbar select{width:auto;display:inline-block}.decision{margin-top:14px}#viewport{background:#c3cdd5;overflow:auto;height:65vh;margin-top:16px;border-radius:4px}canvas{display:block;background:white;touch-action:none;cursor:crosshair}#refPreview{max-width:160px;max-height:160px}#history{font-size:14px;line-height:1.8;padding-left:22px}@media(max-width:850px){main{grid-template-columns:1fr}.desk{grid-row:1}header{flex-wrap:wrap}#viewport{height:55vh}}
@media(min-width:851px){main{align-items:start}aside{max-height:calc(100vh - 180px);overflow:auto;position:sticky;top:12px}.desk{position:sticky;top:12px}}

.drop-zone{border:2px dashed #a3adb9;padding:12px;border-radius:8px}.drop-zone small{display:block;font-weight:normal;margin:6px 0}.drop-hint{font-size:13px;color:#536174}[data-drop-kind].drag-over{outline:3px solid #326cdf;outline-offset:-3px;background:#e8f0ff}#viewport.drag-over canvas{opacity:.65}

#pdfProject[hidden]{display:none}#pdfProject small{flex-basis:100%}

.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layer-grid input{width:100%}#layerFields[hidden]{display:none}#layerWarning{color:#a12522;font-weight:600}#editMode{border:2px solid #17617a}

#layerFields label[hidden]{display:none}

[data-workspace-panel][hidden]{display:none}.workspace-tools,.runtime-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #ccd5df}.workspace-tools button[aria-pressed=true]{background:#17617a;color:white}#sharedDocument{font-size:13px;margin-left:auto}.runtime-bar{font-size:13px}#identityPanel .row{display:flex}#identityPanel input{width:100%}#identityPanel button{font-size:13px}#identityPanel #identity-sharedPage{font-weight:bold}

/* One document scrollbar; the page navigator never leaves the screen. */
body{padding-bottom:90px}body>header{padding:10px 20px}
body>.toolbar{padding:8px 16px;gap:6px}body>.toolbar button,body>.toolbar .file{font-size:14px;padding:7px 10px}
body>main>aside{max-height:none;overflow:visible;position:static}
body>main>.desk{position:sticky;top:12px;align-self:start;overflow:visible;padding:12px}
#viewport{overflow:visible;height:auto;min-height:0;margin-top:8px;border-radius:4px;display:flex;justify-content:center;align-items:flex-start;padding:0}
#viewport canvas{flex:none}
.desk[data-fit="false"]{position:static}
.desk[data-fit="false"] #viewport{justify-content:flex-start}
.desk .drop-hint{font-size:12px;line-height:1.4;margin:7px 0}
.desk .viewbar{gap:8px}.desk .viewbar #dimensions{font-size:13px;flex-basis:100%;overflow-wrap:anywhere}
.desk .viewbar button{padding:6px 10px;font-size:13px}
.desk .decision{margin-top:8px}.desk .decision button{padding:7px 10px;font-size:13px}
.desk>.decision+p{font-size:12px;line-height:1.4;margin:6px 0}
.canvasHistory{margin-top:6px}.canvasHistory summary{padding:5px 0;font-size:12px}
#pdfProject{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:10px 16px;gap:8px;border-top:1px solid #bac9d7;box-shadow:0 -3px 14px #17334a20;justify-content:center}
#pdfProject strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
#pdfProject label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}
#pdfProject input{width:65px!important;padding:5px;border:1px solid #a8b9ca}
#pdfProject button{padding:8px 12px;font-size:14px}#pdfPrev,#pdfNext{background:#17617a;color:white}
@media(max-width:850px){body>main>.desk{position:static;grid-row:1}body>main>aside{position:static}#pdfProject strong{display:none}#pdfProject{padding:8px;gap:5px}#pdfProject button{padding:7px;font-size:12px}body{padding-bottom:110px}}

.workspace-tools{position:sticky;top:0;z-index:25;box-shadow:0 2px 7px #17334a15}
body>main>.desk{top:var(--workspace-top,76px)}
.desk .viewbar #dimensions{display:none}.desk .viewbar{flex-wrap:wrap;min-height:36px}
.desk>.decision+p{display:none}.canvasHelp{margin:4px 0 0}.canvasHelp summary{padding:4px 0;font-size:12px}.canvasHistory{margin:0}
#sharedDocument{max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#undoEdit{font-weight:700;white-space:nowrap;border:2px solid #21677a} .workspace-tools{flex-wrap:wrap}

/* Click-to-edit lettering */
.howto{padding-left:18px;margin:0 0 12px;font-size:14px;line-height:1.9;color:#2b3e52}.howto b{color:#17283c}
#plateStatus{font-size:14px}#plateStatus.ok{color:#1c6b3a;font-weight:600}#plateBox [hidden]{display:none}#paintTools[hidden]{display:none}
#bubbleEditor{position:fixed;z-index:30;width:290px;background:#fff;border:1px solid #9fb3c6;border-radius:10px;box-shadow:0 10px 30px rgba(20,40,60,.25);padding:12px 14px}
#bubbleEditor[hidden]{display:none}#bubbleEditor label{margin:4px 0 8px}#bubbleEditor label[hidden]{display:none}#bubbleEditor textarea{font-size:16px;line-height:1.6}
#bubbleEditor .row{margin-top:8px;gap:6px}#bubbleEditor button{padding:7px 10px;font-size:14px}#bubbleEditor button[hidden]{display:none}#bubbleEditor small{display:block;color:#536174;font-size:12px}#bubbleEditor small[hidden]{display:none}#bubbleNote{margin:8px 0 0;font-size:13px}#bubbleNote:empty{display:none}
canvas.text-mode{cursor:default}canvas.text-mode.can-pick{cursor:pointer}canvas.text-mode.can-move{cursor:move}canvas.text-mode.can-resize{cursor:nwse-resize}
[hidden]{display:none!important}
/* A file picker is the button itself; the browser's 「ファイルを選択／選択されていません」 is hidden. */
.file,.drop-zone{position:relative}.file input[type=file],.drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;opacity:0;cursor:pointer}
.drop-zone{cursor:pointer;background:#f7fafc}.drop-zone:hover{background:#eef5fb}
#plateBox.attention{animation:plate-attention 1.2s ease-out 2}@keyframes plate-attention{0%{box-shadow:0 0 0 0 rgba(255,138,0,.9)}100%{box-shadow:0 0 0 14px rgba(255,138,0,0)}}#plateBox{border-radius:10px}
.face-steps{padding-left:0;list-style:none;display:grid;gap:14px}.face-steps li{display:grid;gap:6px}.face-steps span{font-size:13px;color:#536174}.face-refs{display:flex;flex-wrap:wrap;gap:6px}.face-ref{position:relative;padding:2px;border:2px solid #c9d2dc;border-radius:8px;background:#fff;width:72px;height:72px}.face-ref img{width:100%;height:100%;object-fit:contain}.face-ref[aria-pressed=true]{border-color:#ff8a00;box-shadow:0 0 0 2px #ffd9a8}.face-ref .x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;border-radius:50%;font-size:13px;line-height:1;background:#fff;border:1px solid #9aa7b6}#faceStatus{font-size:14px}canvas.face-pick{cursor:crosshair}canvas.face-move{cursor:move}canvas.face-resize{cursor:nwse-resize}
#viewport.stage{position:relative;overflow:hidden;display:block;padding:0}#viewport.stage canvas{position:absolute;left:0;top:0;max-width:none}#viewport.panning,#viewport.panning canvas{cursor:grabbing!important}#viewport.can-pan canvas{cursor:grab!important}.zoomer{display:inline-flex;align-items:center;gap:2px}.zoomer button{min-width:34px;padding:4px 8px}#peek{user-select:none}#peek.on{background:#152b40;color:#fff}#pageGrid,#keysHelp{position:fixed;inset:24px;z-index:60;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#keysHelp{inset:auto;left:50%;top:10%;transform:translateX(-50%);width:min(620px,92vw);max-height:80vh}#pageGrid[hidden],#keysHelp[hidden]{display:none!important}.pg-head{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #d5dee7;background:#fff}.pg-head b{font-size:18px}.pg-head button{margin-left:auto}#pageGridItems{overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.pg-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.pg-item:hover{border-color:#9fc0e6}.pg-item.now{border-color:#ff8a00;box-shadow:0 0 0 3px #ffd9a8}.pg-item .pg-img{width:108px;height:153px;background:#e3e9ef;display:flex;align-items:center;justify-content:center;overflow:hidden}.pg-item img{width:100%;height:100%;object-fit:contain}.pg-no{font-size:13px;font-weight:600}.pg-marks{display:flex;gap:3px;min-height:18px}.mk{font-style:normal;font-size:11px;padding:1px 5px;border-radius:9px;color:#fff}.mk.t{background:#2f6fd0}.mk.m{background:#b3321f}.mk.p{background:#2e8a52}#pageGridNote{font-size:13px;color:#536174}#pageGridNote .mk{margin:0 2px}#keysHelp dl{margin:0;padding:12px 20px 20px;overflow:auto;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}#keysHelp dt{font-weight:700;white-space:nowrap}#keysHelp dd{margin:0}
#story{position:fixed;inset:24px;z-index:60;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#story[hidden]{display:none!important}#storySearch{flex:1;min-width:200px;max-width:420px;font-size:16px;padding:8px 10px}.st-only{display:flex;align-items:center;gap:4px;font-size:14px;white-space:nowrap}#storyCount{font-size:14px;color:#536174;white-space:nowrap}.st-replace{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #d5dee7;background:#fbfcfd}.st-replace label{display:flex;align-items:center;gap:6px}.st-replace input{font-size:15px;padding:6px 8px}#storyNote{color:#536174}#storyItems{overflow:auto;padding:8px 16px 16px}.st-page{font-weight:700;margin:14px 0 6px;color:#152b40}.st-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:start;width:100%;text-align:left;padding:8px 10px;margin:4px 0;border:1px solid #d5dee7;border-radius:8px;background:#fff;cursor:pointer;font:inherit}.st-row:hover{border-color:#8fb3db;background:#f3f8fe}.st-kind{font-size:12px;color:#536174}.st-text{white-space:pre-wrap;line-height:1.5}.st-text mark{background:#ffe08a;border-radius:3px}.st-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.st-tag{font-size:11px;padding:1px 6px;border-radius:9px;white-space:nowrap}.st-tag.edit{background:#2f6fd0;color:#fff}.st-tag.gone{background:#6b7785;color:#fff}.st-tag.warn{background:#fff1d6;color:#8a4b00;border:1px solid #f0c060}.st-tag.fixed{background:#e8edf2;color:#536174}
#mosaicRule{font-size:13px;color:#1c6b3a;font-weight:600}#saveState{font-size:13px;color:#1c6b3a;margin-left:auto;white-space:nowrap}#saveState.bad{color:#b3321f}#saveState+#sharedDocument{margin-left:12px}#preflight{position:fixed;left:50%;top:8%;transform:translateX(-50%);width:min(720px,94vw);max-height:84vh;z-index:61;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#preflight[hidden]{display:none!important}#preflightItems{overflow:auto;margin:0;padding:12px 20px 12px 40px;display:grid;gap:8px}#preflightItems li{line-height:1.5}#preflightItems li b{margin-right:6px}#preflightItems button{margin-left:8px;padding:3px 10px;font-size:13px}#preflightItems .ok{color:#1c6b3a;list-style:none;margin-left:-20px;font-weight:600}.pf-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #d5dee7;background:#fff}#preflightNote{font-size:13px;color:#536174}
#hintList{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}#hintList li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}#hintList li b{min-width:7em}#hintList .done{color:#1c6b3a;font-weight:700}#hintList .todo{color:#b3321f;font-weight:700}#hintStatus{font-size:14px}.mk.h{background:#8a2be2}
.face-ai{display:grid;gap:8px;padding:12px;margin:8px 0 16px;border:1px solid #c9b3ea;border-radius:10px;background:#faf6ff}.face-ai span{font-size:13px;color:#536174}.fa-title{display:block;margin-top:4px}.fa-row{display:flex;gap:10px;flex-wrap:wrap}.fa-row label{display:flex;flex-direction:column;gap:2px;font-size:13px}#faceAiStatus{font-size:14px;margin:0}#faceAiResults .face-ref{width:96px;height:96px}
#compare{position:fixed;inset:24px;z-index:60;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#compare[hidden]{display:none!important}#compareNote{font-size:14px;color:#536174}.cmp-file{margin-left:auto;font-size:14px}.cmp-file+button{margin-left:0}#compareItems{overflow:auto;padding:12px 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;align-content:start}#compareItems[hidden],#compareDetail[hidden]{display:none!important}.cmp-empty{grid-column:1/-1;font-size:15px;line-height:1.7;max-width:760px}.cmp-row{display:grid;gap:6px;justify-items:start;padding:10px;border:1px solid #d5dee7;border-radius:10px;background:#fff;cursor:pointer;font:inherit;text-align:left}.cmp-row:hover{border-color:#8fb3db;background:#f3f8fe}.cmp-thumbs{display:flex;gap:8px}.cmp-thumbs figure{margin:0;display:grid;gap:2px;justify-items:center;font-size:12px;color:#536174}.cmp-thumbs img{width:160px;height:auto;border:1px solid #d5dee7}.cmp-info{font-size:13px;color:#b3321f}#compareDetail{display:flex;flex-direction:column;min-height:0;flex:1}.cmp-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid #d5dee7;background:#fbfcfd}.cmp-bar #compareGo{margin-left:auto}#compareCount{color:#b3321f;font-size:14px}.cmp-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px}.cmp-pair figure{margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px}.cmp-pair figcaption{font-weight:700}.cmp-pair canvas{max-width:100%;max-height:calc(100vh - 250px);object-fit:contain;border:1px solid #c9d2dc;background:#fff}#preflightDiff{margin:0;padding:10px 20px 0;font-size:14px}#preflightDiff button{margin-left:8px;padding:3px 10px;font-size:13px}
.face-find{display:grid;gap:8px;padding:12px;margin:8px 0 16px;border:1px solid #f0b8b8;border-radius:10px;background:#fff8f7}.face-find span{font-size:13px;color:#536174}#faceFindStatus{font-size:13px;margin:0;color:#536174}.ff-usual{display:grid;gap:6px}.ff-usual div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ff-usual b{font-size:13px;min-width:100%}.ff-usual img,.ff-thumbs img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #d5dee7}.ff-card{display:grid;gap:6px;padding:8px;border-radius:8px;background:#fff;border:1px solid #e6c9c9}.ff-card.other{border-color:#e0142d;box-shadow:0 0 0 1px #e0142d inset}.ff-card b{font-size:13px}.ff-card.other b{color:#b3001b}.ff-thumbs{display:flex;gap:4px;flex-wrap:wrap}.ff-pages{display:flex;gap:4px;flex-wrap:wrap}.ff-pages button{padding:2px 8px;font-size:12px}.mk.f{background:#e0142d}
#cm{position:fixed;inset:16px;z-index:62;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#cm[hidden]{display:none!important}#cmNote{font-size:14px;color:#536174}.cm-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,300px) minmax(320px,1fr) minmax(240px,320px);gap:14px;padding:12px 16px;overflow:hidden}.cm-side{display:flex;flex-direction:column;gap:9px;overflow:auto;padding-right:4px}.cm-side label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#33475b}.cm-side input:not([type=checkbox]):not([type=file]):not([type=range]),.cm-side select{font-size:15px;padding:6px 8px}.cm-side label.cm-check{flex-direction:row;align-items:flex-start;gap:6px}.cm-music{display:grid;gap:6px;padding:8px;border:1px dashed #b8c6d4;border-radius:8px}#cmMusicName{font-size:13px}.cm-stage{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;overflow:auto}#cmPreview{max-width:100%;max-height:calc(100vh - 290px);background:#111;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.25)}.cm-play{display:flex;align-items:center;gap:8px;width:min(560px,100%)}#cmSeek{flex:1}#cmTime{font-size:13px;white-space:nowrap}.cm-out{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}#cmExport{background:#1265ef;color:#fff;border-color:#1265ef;font-weight:700}#cmProgress{font-size:13px;color:#1c6b3a}#cmProblems{margin:0;padding-left:18px;color:#b3321f;font-size:13px}.cm-rules{font-size:12px;color:#536174;max-width:560px;line-height:1.6;margin:0}.cm-shots{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}#cmShots{margin:0;padding:0;list-style:none;display:grid;gap:6px}#cmShots li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:6px;border:1px solid #d5dee7;border-radius:8px;background:#fff;cursor:pointer}#cmShots li:hover{border-color:#8fb3db}#cmShots img{grid-row:1/3;width:54px;border-radius:4px;background:#111}.cm-shot-info{display:flex;gap:8px;align-items:baseline;font-size:13px}.cm-shot-info span{color:#536174}.cm-shot-tools{display:flex;gap:3px}.cm-shot-tools button{padding:1px 7px;font-size:12px}#cmPages{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:320px;overflow:auto;padding:6px 0}.cm-page{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:11px;background:#fff;border:1px solid #d5dee7;border-radius:6px}.cm-page img{width:72px;height:102px;object-fit:contain;background:#e3e9ef}
@media (max-width:1100px){.cm-body{grid-template-columns:1fr;overflow:auto}.cm-stage{order:-1}}
#faceAiResults .face-ref{height:auto;display:flex;flex-direction:column;align-items:center}#faceAiResults .face-ref img{height:88px}.fa-like{font-size:11px;font-weight:700;color:#1c6b3a;line-height:1.3}
#faceGroups{display:grid;gap:8px;max-height:44vh;overflow:auto;padding-right:4px}
.fa-or{font-size:12px;color:#536174}
/* 2026-10-11 more room for the picture: tighter bars, one-row tool strip, slimmer side panel on a half-width window */
.workspace-tools{padding:8px 14px;gap:6px}.workspace-tools button{padding:7px 11px;font-size:15px}
.desk .viewbar{gap:6px}.desk .viewbar label{display:inline-flex;align-items:center;gap:4px}
#pdfProject{padding:6px 12px;gap:6px}#pdfProject button{padding:6px 10px;font-size:13px}
@media(max-width:1280px){body>main{grid-template-columns:280px minmax(0,1fr);gap:10px;padding:10px}body>main>.desk{padding:8px}#pdfProject strong{display:none}.workspace-tools button{padding:6px 9px;font-size:14px}}
@media(max-width:1280px){.desk .viewbar button,.desk .viewbar select{padding:4px 7px;font-size:13px}.desk .viewbar{gap:4px}#pdfProject{gap:4px;padding:5px 8px}#pdfProject button{padding:5px 8px;font-size:12px}#pdfProject label{font-size:12px}#pdfProject input{width:48px!important}}
.fa-like-box{display:grid;gap:6px;padding:10px;border:2px dashed #b79be0;border-radius:10px;background:#fff}.fa-like-box:focus{outline:3px solid #8e6bd1;outline-offset:1px}.fa-like-box.drag-over{background:#efe6ff;border-color:#7a4fc9}.fa-like-row{display:flex;gap:6px;flex-wrap:wrap}.fa-like-row button{padding:5px 10px;font-size:13px}#faceAiLikeShow{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.5}#faceAiLikeShow img{width:88px;height:88px;object-fit:cover;border-radius:8px;border:2px solid #7a4fc9}.fa-sub{font-size:14px}.fa-people{display:flex;flex-wrap:wrap;gap:6px}.fa-person{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;width:76px;border:2px solid #c9d2dc;border-radius:8px;background:#fff;font-size:12px}.fa-person img{width:66px;height:66px;object-fit:cover;border-radius:6px;background:#e3e9ef}.fa-person[aria-pressed=true]{border-color:#ff8a00;box-shadow:0 0 0 2px #ffd9a8;font-weight:700}.fa-person small{font-size:11px;color:#7a4fc9}.fa-people-note{font-size:13px;color:#536174}

/* ═══ empty state (both editions) ═══ */
.empty-state{display:none}.desk:not(.has-page) .empty-state{display:flex;justify-content:center;align-items:center;min-height:62vh;padding:24px}.desk:not(.has-page) #viewport,.desk:not(.has-page) .viewbar{display:none}
.es-card{display:grid;gap:14px;justify-items:center;text-align:center;max-width:620px;width:100%;padding:44px 32px;border:2px dashed #b8c4d2;border-radius:18px;background:#fff}.es-card.drag-over{border-color:#d6336c;background:#fff5f8}
.es-title{font-size:24px;letter-spacing:.02em}.es-sub{font-size:14px;color:#5b6676}.es-open{font-size:16px;padding:12px 26px;border-radius:999px;background:#1d2433;color:#fff;border:0}.es-open:hover:enabled{background:#323c52}
.es-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.es-steps li{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f4f6f9;font-size:12.5px;color:#5b6676;line-height:1.5}.es-steps b{font-size:14px;color:#1d2433}
.es-safe{font-size:12.5px;color:#2e7d55}

/* ═══ sold edition: a calm light shell around a dark canvas well ═══ */
html[data-edition=product] [data-local]{display:none!important}
html[data-edition=product]{--ink:#1d2433;--sub:#5b6676;--line:#e1e6ee;--panel:#ffffff;--bg:#f3f5f8;--accent:#d6336c;--accent-ink:#fff;--well:#2b2f37}
html[data-edition=product] body{background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}
html[data-edition=product] header{background:var(--ink);padding:0 20px;height:52px;align-items:center}
html[data-edition=product] header .brand{display:flex;align-items:baseline;gap:12px;font-size:17px;letter-spacing:.04em}html[data-edition=product] header .brand i{font-style:normal;font-size:12px;color:#aeb8c8;letter-spacing:0}
html[data-edition=product] header .brand-mark{display:inline-block;width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#ff6b9a,#d6336c);margin-right:8px;vertical-align:-3px}
html[data-edition=product] .toolbar{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 20px;gap:8px}
html[data-edition=product] button,html[data-edition=product] .file{border:1px solid #cfd6e0;border-radius:8px;padding:7px 12px;background:#fff;color:var(--ink);font-size:13.5px;transition:background .12s,border-color .12s}
html[data-edition=product] button:hover:enabled,html[data-edition=product] .file:hover{background:#f1f4f8;border-color:#b9c3d0}
html[data-edition=product] .toolbar .file{background:var(--ink);color:#fff;border-color:var(--ink)}html[data-edition=product] .toolbar .file:hover{background:#323c52}
html[data-edition=product] #message{flex-basis:auto;flex:1;min-width:200px;font-size:13px;color:var(--sub);min-height:0}
html[data-edition=product] .workspace-tools{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 20px;gap:6px}
html[data-edition=product] .workspace-tools [data-workspace-tool]{border-radius:999px;padding:7px 18px;font-weight:600}
html[data-edition=product] .workspace-tools button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
html[data-edition=product] #undoEdit{border:1px solid #cfd6e0;font-weight:600}
html[data-edition=product] main{padding:14px 16px;gap:14px;grid-template-columns:300px minmax(0,1fr)}
html[data-edition=product] aside,html[data-edition=product] .desk{border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(20,30,50,.04)}
html[data-edition=product] aside{padding:16px}html[data-edition=product] aside h2{font-size:15px;margin:6px 0 10px}
html[data-edition=product] aside p,html[data-edition=product] aside .hint{font-size:12.5px;color:var(--sub);line-height:1.65}
html[data-edition=product] details{border-top:1px solid var(--line)}html[data-edition=product] summary{font-size:14px}
html[data-edition=product] #viewport{background:var(--well);border-radius:10px}
html[data-edition=product] .desk .viewbar button,html[data-edition=product] .desk .viewbar select{font-size:12.5px}
html[data-edition=product] #pdfProject{background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(20,30,50,.06)}
html[data-edition=product] #pdfExport{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
html[data-edition=product] #mosaic{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;width:100%;padding:10px}
html[data-edition=product] input[type=range]{accent-color:var(--accent)}
html[data-edition=product] .rule{font-size:12.5px;background:#fff5f8;border:1px solid #f7c6d6;border-radius:8px;padding:8px 10px;color:#8a1d43}
@media(max-width:1100px){html[data-edition=product] main{grid-template-columns:260px minmax(0,1fr)}.es-steps{grid-template-columns:1fr}}
#thumbCheck{position:fixed;inset:24px;z-index:60;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#thumbCheck[hidden]{display:none!important}#thumbCheckNote{font-size:13px;color:#536174}#thumbCheckItems{flex:1;overflow:auto;display:flex;gap:28px;align-items:flex-end;justify-content:center;padding:24px;background:#e9edf2}#thumbCheckItems figure{margin:0;display:grid;gap:6px;justify-items:center;font-size:13px;color:#33475b}#thumbCheckItems canvas{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.sub-wide{width:100%;margin-top:8px}#lineBox .row{margin:8px 0}
html[data-edition=product] .es-open{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:999px;padding:11px 28px;font-size:15px}html[data-edition=product] .es-open:hover{background:#323c52}
.desk:not(.has-page) .decision,.desk:not(.has-page) .decision+p{display:none}
html[data-edition=product] #pdfNext{background:var(--ink);border-color:var(--ink);color:#fff}
#promo{position:fixed;inset:24px;z-index:60;background:#f7f9fb;border:1px solid #9fb3c6;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,50,.35);display:flex;flex-direction:column;overflow:hidden}#promo[hidden]{display:none!important}#promoNote{font-size:13px;color:#536174}
.promo-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 300px;gap:0}.promo-pages{overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;align-content:start}
.promo-page{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;border:2px solid transparent;border-radius:10px;background:#fff}.promo-page .pp-img{width:84px;height:118px;background:#e3e9ef;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.promo-page img{width:100%;height:100%;object-fit:contain}.promo-page small{font-size:11px;color:#536174}
.promo-page.on{border-color:#d6336c;box-shadow:0 0 0 3px #ffd3e1}.promo-page em{position:absolute;top:2px;left:2px;font-style:normal;font-weight:700;font-size:13px;min-width:22px;height:22px;border-radius:11px;background:#d6336c;color:#fff;display:none;align-items:center;justify-content:center}.promo-page.on em{display:flex}
.promo-side{border-left:1px solid #d5dee7;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto}.promo-side label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin:0}.promo-side label.cm-check{flex-direction:row;align-items:center;gap:6px}.promo-side small{font-size:12px;color:#536174;line-height:1.6}#promoChosen{margin:0;padding-left:20px;font-size:13px;line-height:1.7}#promoWarn{color:#b3321f;font-size:13px;margin:0}#promoGo{background:#d6336c;border-color:#d6336c;color:#fff;font-weight:700;padding:10px}#promoProgress{font-size:13px;color:#1c6b3a;margin:0}
html:not([data-edition=product]) [data-product]{display:none!important}
.desk:not(.has-page)>details{display:none}
html[data-edition=product] header{gap:12px}#license{margin-left:auto;display:flex;align-items:center;gap:10px}#license b{font-size:12px;padding:3px 10px;border-radius:999px}#license .lic-trial{background:#fff3cd;color:#7a5200}#license .lic-full{background:#d9f2e4;color:#1c6b3a}#license small{font-size:12px;color:#aeb8c8}#license button{background:transparent;color:#fff;border:1px solid #6b7890;border-radius:999px;padding:5px 14px;font-size:12.5px}#license button:hover{background:#323c52}#license a{background:#d6336c;color:#fff;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap}#license a:hover{background:#b8285a}
@media(max-width:900px){#license small{display:none}}
/* sold edition: one stuck strip (brand · message · open · save · key) above the tool tabs */
html[data-edition=product] header{position:sticky;top:0;z-index:27;flex-wrap:nowrap}
html[data-edition=product] .workspace-tools{top:52px}
html[data-edition=product] header #message{flex:1;min-width:0;color:#c9d1de;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1}
html[data-edition=product] header .brand{order:0;flex:none}html[data-edition=product] header .brand i{display:none}
html[data-edition=product] header .file{order:2;background:#fff;color:var(--ink);border-color:#fff;padding:6px 14px;font-size:13px;flex:none}
html[data-edition=product] header #save{order:3;background:transparent;color:#fff;border-color:#6b7890;padding:6px 12px;font-size:12.5px;flex:none}
html[data-edition=product] header #license{order:4;margin-left:0;flex:none}
@media(max-width:1100px){html[data-edition=product] header #license small,html[data-edition=product] header #save{display:none}}