:root{font-family:'Studio Inter','Noto Sans Myanmar',sans-serif;color:#20332e;background:#f6f7f2;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font-family:'Studio Inter','Noto Sans Myanmar',sans-serif}header{padding:24px 4%;border-bottom:1px solid #dce3da;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;font-size:24px}.brand span{font-size:10px;letter-spacing:2px;margin-left:14px}.badge{font-size:11px;background:#e6ecdf;padding:8px 12px;border-radius:30px}main{padding:30px 4%}.intro{margin-bottom:28px}.eyebrow,.step{font-size:10px;letter-spacing:2px;font-weight:700;color:#6f8273}h1{font-size:42px;line-height:1.6;margin:10px 0}h1 em{color:#528361;font-style:normal}.intro p{color:#6c7a73}.settings{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:white;padding:18px;border:1px solid #dfe5dc;border-radius:12px;margin-bottom:22px}.settings label:first-child{flex:1;min-width:200px}.settings p{width:100%;margin:0;font-size:11px;color:#6b776d}a{color:#3c6e4b}.workspace{display:grid;grid-template-columns:230px minmax(280px,1fr) 235px;gap:18px}aside{background:#fff;border:1px solid #dde4da;border-radius:12px;padding:18px;min-width:0}button,.button{background:#fff;border:1px solid #d6dfd3;border-radius:7px;padding:10px 13px;color:#30473b;cursor:pointer;font:inherit;display:inline-block;text-align:center}button:hover,.button:hover{background:#edf3e9}button:disabled{opacity:.5;cursor:wait}.primary{background:#315e47;color:#fff;border-color:#315e47}.primary:hover{background:#244b37}aside>button{width:100%;margin-top:10px}.step{margin-bottom:16px}label{display:block;font-size:12px}input:not([type=checkbox]),select,textarea{width:100%;padding:9px;border:1px solid #d6dfd3;border-radius:6px;font:inherit;background:#fff;color:#20332e;margin-top:5px}input[type=color]{height:38px;padding:4px}textarea{resize:vertical}.drop{border:1px dashed #a1b69c;background:#f3f6ed;text-align:center;padding:24px 8px;border-radius:8px;font-size:25px;cursor:pointer}.drop strong,.drop small{display:block;font-size:12px;margin-top:10px}.drop small{font-size:10px;color:#6d7a6b}.drop input{display:none}#status,.hint{font-size:11px;line-height:1.9;color:#778174;overflow-wrap:anywhere}#status{color:#365e46;min-height:46px}.editor{border:1px solid #dde4da;border-radius:12px;background:#e9ede4;overflow:hidden;min-width:0}.bar{background:white;padding:16px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#72806f}.stage{min-height:460px;padding:25px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#cbd5c6 1px,transparent 1px);background-size:15px 15px}#paper{position:relative;max-width:100%;box-shadow:0 8px 30px #1f382020;display:none}canvas{width:100%;display:block}#overlays{position:absolute;inset:0}.box{position:absolute;border:1px dashed transparent;cursor:move;touch-action:none}.box:hover{border-color:#6c9b6f}.box.active{border:2px solid #6ba271;background:#71a67815}.box.active:after{content:'';position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:#528361}#empty{text-align:center;color:#899681;font-size:32px}#empty h2{font-size:18px;font-weight:500}#empty p{font-size:12px}.exports{padding:14px;display:flex;gap:8px;flex-wrap:wrap;background:white;font-size:11px}fieldset{border:0;padding:0;margin:0}fieldset label{margin-bottom:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger{color:#a23f35;width:100%}.layer{width:100%;margin-bottom:6px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.layer.selected{background:#e6efdf;border-color:#84a978}footer{margin-top:25px;font-size:11px;color:#83907d;display:flex;justify-content:space-between}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.button:focus-within{outline:2px solid #579161;outline-offset:3px}@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(250px,1fr)}.workspace>aside:last-child{grid-column:1/-1}.workspace>aside:last-child fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge{display:none}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.workspace>aside:last-child fieldset{display:block}.stage{min-height:300px;padding:12px}h1{font-size:30px}.brand span{display:none}.bar span:last-child{display:none}footer{display:block}}
@media print{body *{visibility:hidden}#paper,#paper canvas{visibility:visible}#paper{position:fixed;inset:0;box-shadow:none;width:100%!important}#overlays{display:none}}
.settings>div{flex:1;min-width:220px}.settings p{margin-top:6px;line-height:1.8}.settings label{min-width:170px}.history{display:flex;gap:5px;margin:8px 0 15px}.history button{flex:1;padding:6px}.box{border-color:#6d997055}.box .resize{display:none}.box.active .resize{display:block;position:absolute;bottom:-6px;right:-6px;width:13px;height:13px;background:#36714b;border:2px solid white;cursor:nwse-resize;touch-action:none}.box.active:after{display:none}.uncertain{border-color:#c79438aa}.region-mode{cursor:crosshair;touch-action:none}.region-mode .box{pointer-events:none}.region-preview{position:absolute;border:2px dashed #366f50;background:#448f6320;pointer-events:none}.stage{align-items:flex-start}#paper{flex-shrink:0}#erase,#restore{width:100%;margin-bottom:8px}.settings input[type=checkbox]{width:auto}.bar>span:last-child{font-size:10px}#fontfile:disabled{opacity:.5}
[hidden]{display:none!important}
.edit-help{padding:12px 16px;background:#eef5e9;color:#3b6344;font-size:11px;line-height:1.9;border-bottom:1px solid #dde4da}#fit,#sample{width:100%;margin-bottom:8px}details{margin:12px 0}summary{cursor:pointer;font-size:11px;line-height:1.8}#layers{max-height:380px;overflow:auto}.box.active{z-index:2}
.header-right{display:flex;gap:16px;align-items:center}.design-credit{font-size:13px;color:#365c44;white-space:nowrap}.design-credit b{font-family:'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;font-size:19px;margin-left:5px}dialog{border:1px solid #d6dfd3;border-radius:14px;padding:20px;max-width:min(92vw,760px);max-height:90vh;color:#20332e}dialog::backdrop{background:#14291c88}.dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog p{font-size:12px;line-height:1.9}#copyPreview{display:block;max-width:100%;max-height:60vh;object-fit:contain;margin:12px auto}#fallbackdownload{width:100%}@media(max-width:650px){header{gap:8px}.header-right{gap:8px}.design-credit{font-size:11px}.design-credit b{font-size:16px}}
#matchfont{width:100%;margin:8px 0;background:#eef5e9;border-color:#9fb899}#fontmatchinfo{font-size:10px;overflow-wrap:anywhere}#weight{font-size:12px}
:root{--page:#f6f7f2;--text:#20332e;--panel:#fff;--line:#d6dfd3;--muted:#6c7a73;--tint:#eef5e9;--stage:#e9ede4}html{background:var(--page);color:var(--text)}body{background:var(--page);color:var(--text)}header{flex-wrap:wrap;gap:14px}.header-right{flex-wrap:wrap;justify-content:flex-end}.preferences{display:flex;gap:10px}.preferences label{font-size:10px}.preferences select{font-size:12px;min-width:105px;margin-top:3px;padding:6px}.header-right .badge{font-size:9px}#ui-language{font-family:'Studio Chinese UI','Noto Sans Myanmar',sans-serif}html[lang=zh-CN]{font-family:'Studio Chinese UI','Noto Sans Myanmar',sans-serif}html[lang=zh-CN] .design-credit b{font-family:'Studio Chinese UI','Noto Sans SC',sans-serif}
html[data-theme=dark]{--page:#121a18;--text:#e5eee7;--panel:#1c2823;--line:#3b4d41;--muted:#a8b7aa;--tint:#283b2d;--stage:#17211b}html[data-theme=dark] header{border-color:var(--line)}html[data-theme=dark] .settings,html[data-theme=dark] aside,html[data-theme=dark] .bar,html[data-theme=dark] .exports,html[data-theme=dark] dialog{background:var(--panel);color:var(--text);border-color:var(--line)}html[data-theme=dark] .editor{background:var(--stage);border-color:var(--line)}html[data-theme=dark] button,html[data-theme=dark] .button,html[data-theme=dark] input:not([type=checkbox]),html[data-theme=dark] textarea,html[data-theme=dark] select{background:#223229;color:var(--text);border-color:var(--line)}html[data-theme=dark] button:hover,html[data-theme=dark] .button:hover{background:#324a39}html[data-theme=dark] .primary{background:#35664a;color:#fff}html[data-theme=dark] .drop,html[data-theme=dark] .badge,html[data-theme=dark] .edit-help,html[data-theme=dark] #matchfont{background:var(--tint);color:#d2e7c9;border-color:#5d7a56}html[data-theme=dark] .layer.selected{background:#36543e;border-color:#80aa75}html[data-theme=dark] .stage{background-image:radial-gradient(#364a38 1px,transparent 1px)}html[data-theme=dark] .intro p,html[data-theme=dark] .hint,html[data-theme=dark] .settings p,html[data-theme=dark] footer,html[data-theme=dark] .bar,html[data-theme=dark] .step,html[data-theme=dark] .eyebrow{color:var(--muted)}html[data-theme=dark] h1 em,html[data-theme=dark] .design-credit,html[data-theme=dark] a,html[data-theme=dark] #status{color:#a8d89b}html[data-theme=dark] .danger{color:#ffaca0}#editclock{font-weight:600;border-color:#80aa75}@media(max-width:650px){header{align-items:flex-start}.header-right{width:100%;justify-content:space-between}.preferences{gap:8px}.preferences select{min-width:95px}.design-credit{align-self:end;padding-bottom:7px}}
.guide{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:22px}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.guide-heading h1{font-size:19px;line-height:1.8;margin:0}.guide-heading button{font-size:11px;padding:7px 11px}.guide-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.guide figure{margin:0;min-width:0}.guide img{width:100%;height:120px;object-fit:contain;display:block;border-radius:9px}.guide h2{font-size:12px;line-height:1.8;margin:8px 0 4px;color:var(--text)}.guide p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}html[data-theme=dark] .guide img{background:#eaf0e5}@media(max-width:1000px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.guide{padding:12px}.guide-cards{gap:12px}.guide img{height:85px}.guide-heading h1{font-size:16px}.guide h2{font-size:11px}.guide p{font-size:10px}}
html[lang=zh-CN] .guide{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC','Studio Chinese UI',sans-serif}
/* v9 — quiet studio, clear tools, generous canvas */
:root{--page:#f3f4fa;--text:#25283e;--panel:#fff;--line:#e1e3ef;--muted:#75798f;--tint:#eeecfb;--stage:#e9eaf3;font-family:'Studio Inter','Noto Sans Myanmar',sans-serif;font-size:13px}
header{padding:20px 3%;background:var(--panel);border-bottom:1px solid var(--line);gap:18px}.brand{font-size:23px;letter-spacing:-.8px;color:var(--text)}.brand span{letter-spacing:2.2px;color:var(--muted);font-size:9px}.design-credit{color:#6b62a5}.badge{background:var(--tint);color:#6960a4;border:1px solid #dedaf4;font-weight:600;letter-spacing:.6px}.preferences select{border-radius:9px}
main{max-width:1800px;margin:auto;padding:24px 3%}.workspace{grid-template-columns:218px minmax(280px,1fr) 270px;gap:18px;align-items:start}aside{padding:18px;border-radius:18px;border:1px solid var(--line);box-shadow:0 3px 16px #29274605}.step{color:#8b83b0;font-size:9px;letter-spacing:2px;margin-bottom:18px}.settings{border-color:var(--line);border-radius:16px;padding:16px 20px;gap:16px;box-shadow:0 3px 16px #29274604}.settings b{color:#6458a4}.settings p{color:var(--muted)}
button,.button{border-color:var(--line);color:var(--text);border-radius:10px;font-size:12px;transition:background .16s,border-color .16s,box-shadow .16s}button:hover,.button:hover{background:var(--tint);border-color:#bcb4df}button:active{transform:translateY(1px)}.primary{background:#7560c7;border-color:#7560c7;color:white;box-shadow:0 4px 10px #7560c723}.primary:hover{background:#604cae;color:white;border-color:#604cae}.danger{color:#b25e69}.drop{padding:26px 10px;background:linear-gradient(145deg,#f8f7ff,#eeedf9);border-color:#beb5df;color:#7664b7;border-radius:14px}.drop strong{font-size:12px}.drop small{line-height:1.8;color:#9390a6}#status{background:var(--tint);color:#6b609b;border-radius:10px;padding:11px;line-height:1.85;font-size:10px}.hint{color:var(--muted)}
.editor{border-color:var(--line);border-radius:18px;box-shadow:0 8px 32px #302b4710}.edit-help{background:#f7f6fd;color:#847c9e;border-color:var(--line);font-size:10px}.bar{padding:15px 20px;color:#8b87a0;border-bottom:1px solid var(--line);letter-spacing:.8px;font-size:9px}.stage{min-height:560px;padding:30px 24px;background-color:var(--stage);background-image:radial-gradient(#c8c9da .8px,transparent .8px);background-size:18px 18px}.exports{padding:16px;border-top:1px solid var(--line);gap:9px}#paper{box-shadow:0 8px 32px #29233e26}.box{border-color:#8b7fc44d}.box.active{border-color:#8e74dd;background:#9271da08;box-shadow:0 0 0 1px #fff8}.box.active .resize{background:#8b70d3}.layer{padding:11px 12px;font-size:11px;border-color:transparent;background:#f8f8fc}.layer.selected{background:var(--tint);border-color:#c1b8e2;color:#65549d}.history button{padding:8px}input:not([type=checkbox]),textarea,select{border-color:var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:10px;font-size:12px}textarea{line-height:1.8}label{font-size:11px;color:var(--text)}input[type=checkbox]{accent-color:#7962c7}input[type=color]{padding:4px}fieldset label{margin-bottom:15px}fieldset>label:has(textarea){background:var(--tint);padding:12px;border-radius:12px}.grid{gap:10px}#matchfont{background:var(--tint);border-color:#d2c9ec;color:#6b579f}#empty{color:#aaa3bf}#empty h2{color:#837993}#empty p{line-height:1.8}.guide{padding:18px 20px;border-radius:18px;margin-bottom:18px;box-shadow:0 3px 16px #29274604}.guide-heading h1{font-size:16px;letter-spacing:-.3px}.guide-heading button{background:var(--tint);color:#7664a5;border-color:transparent}.guide-cards{gap:18px}.guide figure{display:grid;grid-template-columns:95px 1fr;gap:12px;align-items:center;background:#f8f8fc;padding:12px;border-radius:12px}.guide img{height:80px}.guide h2{margin:0 0 5px;font-size:11px}.guide p{font-size:10px;line-height:1.8}footer{color:#9994aa;padding:6px 2px;font-size:10px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#9b83dc}
html[data-theme=dark]{--page:#14141f;--text:#e6e4f3;--panel:#1e1e2e;--line:#363348;--muted:#a39db7;--tint:#2c2742;--stage:#171722}html[data-theme=dark] .brand{color:var(--text)}html[data-theme=dark] .design-credit,html[data-theme=dark] .settings b{color:#b5a3e6}html[data-theme=dark] button,html[data-theme=dark] .button,html[data-theme=dark] input:not([type=checkbox]),html[data-theme=dark] textarea,html[data-theme=dark] select{background:#262436;border-color:var(--line);color:var(--text)}html[data-theme=dark] button:hover{background:#39304e}html[data-theme=dark] .primary{background:#8066c7;color:white}html[data-theme=dark] .guide figure,html[data-theme=dark] .layer{background:#252334}html[data-theme=dark] .guide img{background:transparent}html[data-theme=dark] .edit-help,html[data-theme=dark] .drop,html[data-theme=dark] #status,html[data-theme=dark] #matchfont,html[data-theme=dark] .badge{background:var(--tint);color:#bdb0d9;border-color:var(--line)}html[data-theme=dark] .stage{background-image:radial-gradient(#383347 .8px,transparent .8px)}html[data-theme=dark] .layer.selected{background:#3b3055;border-color:#8470b5}html[data-theme=dark] .danger{color:#e9a2ad}
@media(min-width:1051px){.workspace>aside:last-child{max-height:calc(100vh - 40px);overflow:auto;position:sticky;top:20px;scrollbar-width:thin;scrollbar-color:#c8c0df transparent}}@media(max-width:1300px){.guide figure{grid-template-columns:1fr}.guide img{height:70px}.workspace{grid-template-columns:190px minmax(250px,1fr) 235px}}@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(250px,1fr)}.workspace>aside:last-child{grid-column:1/-1}.guide figure{grid-template-columns:85px 1fr}}@media(max-width:650px){header{padding:18px 5%}main{padding:18px 4%}.workspace{display:flex;flex-direction:column}.workspace>aside,.editor{width:100%}.guide{padding:14px}.guide figure{display:block;padding:10px}.guide img{height:65px;margin-bottom:8px}.guide-cards{gap:10px}.guide p{font-size:10px}.stage{min-height:320px;padding:16px}.settings{padding:14px}.settings>div{min-width:100%}.header-right{gap:12px}.exports button,.exports .button{flex:1;white-space:nowrap}.workspace>aside:last-child fieldset{display:block}}
/* v10 — monochrome / obsidian */
:root{--page:#f2f2f2;--text:#202020;--panel:#fff;--line:#dedede;--muted:#777;--tint:#eeeeee;--stage:#e7e7e7}
html[data-theme=dark]{--page:#080808;--text:#ededed;--panel:#121212;--line:#2c2c2c;--muted:#999;--tint:#202020;--stage:#0c0c0c}
header{background:var(--panel)}.brand,.design-credit,.settings b,html[data-theme=dark] .brand,html[data-theme=dark] .design-credit,html[data-theme=dark] .settings b{color:var(--text)}.badge,.step,.bar,.guide-heading button,.edit-help,#status,#matchfont{color:var(--muted);background:var(--tint);border-color:var(--line)}.step{background:none;color:var(--muted)}.badge{color:var(--text)}button:hover,.button:hover{background:var(--tint);border-color:#888}.primary,.primary:hover{background:#202020;border-color:#202020;color:#fff;box-shadow:0 4px 14px #0002}.drop{background:linear-gradient(145deg,var(--panel),var(--tint));border-color:#666;color:var(--text)}.drop small,.hint,footer{color:var(--muted)}.layer,.guide figure{background:var(--tint)}.layer.selected{background:#dedede;border-color:#999;color:#111}input[type=checkbox]{accent-color:#888}.box{border-color:#8888}.box:hover{border-color:#888}.box.active{border-color:#aaa;background:#ffffff08;box-shadow:0 0 0 1px #0006}.box.active .resize{background:#777}.stage{background-image:radial-gradient(#8884 .8px,transparent .8px)}#empty,#empty h2{color:var(--muted)}#editclock{border-color:#777}.region-preview{border-color:#aaa;background:#ffffff15}.guide img{filter:grayscale(1)}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#888}.danger{color:#a85353}
html[data-theme=dark] button,html[data-theme=dark] .button,html[data-theme=dark] input:not([type=checkbox]),html[data-theme=dark] textarea,html[data-theme=dark] select{background:#191919;border-color:var(--line);color:var(--text)}html[data-theme=dark] button:hover,html[data-theme=dark] .button:hover{background:#292929;border-color:#666}html[data-theme=dark] .primary{background:#eee;color:#111;border-color:#eee;box-shadow:0 4px 20px #ffffff0a}html[data-theme=dark] .primary:hover{background:#fff;color:#000}html[data-theme=dark] .guide figure,html[data-theme=dark] .layer{background:#1b1b1b}html[data-theme=dark] .layer.selected{background:#303030;border-color:#888;color:#fff}html[data-theme=dark] .edit-help,html[data-theme=dark] .drop,html[data-theme=dark] #status,html[data-theme=dark] #matchfont,html[data-theme=dark] .badge{background:var(--tint);color:#bbb;border-color:var(--line)}html[data-theme=dark] .stage{background-image:radial-gradient(#ffffff1c .8px,transparent .8px)}html[data-theme=dark] .danger{color:#d49b9b}html[data-theme=dark] a{color:inherit}
.workspace>aside{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 8px 28px #0001;transition:border-color .25s,box-shadow .25s;animation:panel-enter .45s ease both}.workspace>aside:last-child{animation-delay:.08s}.workspace>aside:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff09,transparent 45%);opacity:0;transition:opacity .3s}.workspace>aside:hover:before{opacity:1}.workspace>aside:hover{border-color:#777;box-shadow:0 12px 32px #0003,0 0 0 1px #ffffff06}.workspace>aside button,.workspace>aside .button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.workspace>aside button:hover:not(:disabled),.workspace>aside .button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0002}.workspace>aside button:active:not(:disabled){transform:translateY(0)}.workspace>aside input:focus,.workspace>aside textarea:focus,.workspace>aside select:focus{border-color:#888;box-shadow:0 0 0 3px #8882;outline:none}.layer.selected{animation:layer-select .25s ease}details[open]{animation:panel-enter .2s ease}.drop:hover{box-shadow:inset 0 0 22px #8881;border-color:#aaa}html[data-theme=dark] .workspace>aside{box-shadow:0 8px 30px #0006}html[data-theme=dark] .workspace>aside:hover{box-shadow:0 8px 32px #0009,0 0 20px #ffffff05}
@keyframes panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes layer-select{from{box-shadow:0 0 0 3px #8883}to{box-shadow:0 0 0 0 transparent}}
@media(min-width:1051px){.workspace>aside:last-child{position:sticky;overflow:auto;scrollbar-color:#555 transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v11 — icy blue source tools / warm amber inspector */
.workspace>aside:first-child{--tool:#78c8ec;--tool-edge:#345e70;--tool-soft:#13232b;background:linear-gradient(160deg,#14212a,#11171c 60%);border-color:#294350;color:#e5f3fa}.workspace>aside:last-child{--tool:#e3bd77;--tool-edge:#695336;--tool-soft:#292218;background:linear-gradient(160deg,#272219,#171511 60%);border-color:#4f4430;color:#f3ecdf}.workspace>aside .step{color:var(--tool);letter-spacing:1.6px}.workspace>aside label{color:inherit}.workspace>aside button,.workspace>aside .button,html[data-theme=dark] .workspace>aside button,html[data-theme=dark] .workspace>aside .button{background:#ffffff05;border-color:var(--tool-edge);color:inherit}.workspace>aside button:hover:not(:disabled),.workspace>aside .button:hover,html[data-theme=dark] .workspace>aside button:hover:not(:disabled){background:var(--tool-soft);border-color:var(--tool);box-shadow:0 4px 18px #0004}.workspace>aside:hover{border-color:var(--tool);box-shadow:0 10px 32px #0005,0 0 18px color-mix(in srgb,var(--tool) 9%,transparent)}.workspace>aside .drop,html[data-theme=dark] .workspace>aside .drop{background:linear-gradient(145deg,#192e3a,#111e26);border-color:#4b819a;color:#b6e4f9}.workspace>aside .drop small{color:#8eacbc}.workspace>aside #scan,html[data-theme=dark] .workspace>aside #scan{background:#90cfe9;color:#102631;border-color:#90cfe9;font-weight:600;box-shadow:0 5px 18px #4db5e01c}.workspace>aside #scan:hover{background:#b4e5f7!important;color:#102631!important}.workspace>aside #status,html[data-theme=dark] .workspace>aside #status{background:#172b35;color:#a2c9db;border:1px solid #2b4857}.workspace>aside .hint{color:#a2aab0}.workspace>aside:last-child .hint{color:#b5ac9d}.workspace>aside .layer{background:#15232c;border-color:#294350}.workspace>aside .layer.selected,html[data-theme=dark] .workspace>aside .layer.selected{background:#213e4d;border-color:#79bdd9;color:#d0efff}.workspace>aside input:not([type=checkbox]),.workspace>aside textarea,.workspace>aside select,html[data-theme=dark] .workspace>aside input:not([type=checkbox]),html[data-theme=dark] .workspace>aside textarea,html[data-theme=dark] .workspace>aside select{background:#141310;color:#ede7db;border-color:#51462f}.workspace>aside input:focus,.workspace>aside textarea:focus,.workspace>aside select:focus{border-color:var(--tool);box-shadow:0 0 0 3px #dfba7418}.workspace>aside fieldset>label:has(textarea){background:#30291e;border:1px solid #4f422c}.workspace>aside #matchfont,html[data-theme=dark] .workspace>aside #matchfont{background:#352b1b;border-color:#82683e;color:#efd29c}.workspace>aside #fit,.workspace>aside #sample{border-color:#695536;color:#e8c78e}.workspace>aside .danger,html[data-theme=dark] .workspace>aside .danger{color:#e4a19b;border-color:#673d3a}.workspace>aside button:disabled{opacity:.42}.workspace>aside:last-child{scrollbar-color:#78603e transparent}
html[data-theme=light] .workspace>aside:first-child{background:linear-gradient(160deg,#edf8ff,#f8fbfd);color:#203947;--tool:#347fa2;--tool-edge:#bad8e7;--tool-soft:#e1f0f8;border-color:#c6deeb}html[data-theme=light] .workspace>aside:last-child{background:linear-gradient(160deg,#fff6e5,#fdfbf7);color:#4b3d28;--tool:#9f752f;--tool-edge:#e4d2ae;--tool-soft:#f8ecd5;border-color:#e4d5ba}html[data-theme=light] .workspace>aside .hint{color:#6b7f89}html[data-theme=light] .workspace>aside:last-child .hint{color:#8d7e67}html[data-theme=light] .workspace>aside .drop{background:#e8f4fb;color:#326783;border-color:#9dc8dd}html[data-theme=light] .workspace>aside #status{background:#e6f2fa;color:#49748c;border-color:#c7dfe9}html[data-theme=light] .workspace>aside input:not([type=checkbox]),html[data-theme=light] .workspace>aside textarea,html[data-theme=light] .workspace>aside select{background:#fffefa;color:#4b3d28;border-color:#e1d3b9}html[data-theme=light] .workspace>aside fieldset>label:has(textarea){background:#f7ecd6;border-color:#e7d7b9}html[data-theme=light] .workspace>aside #matchfont{background:#f8ecd5;color:#896426;border-color:#d7bd87}html[data-theme=light] .workspace>aside .layer{background:#eaf4fb}html[data-theme=light] .workspace>aside .layer.selected{background:#d7edf9;color:#275871;border-color:#90bcd3}
.telegram-help{display:flex;align-items:center;gap:13px;max-width:430px;margin:0 0 18px;padding:13px 17px;border:1px solid #31586a;border-radius:15px;background:linear-gradient(120deg,#142a36,#111c24);color:#e0f4ff;text-decoration:none;box-shadow:0 6px 24px #0002;transition:border-color .2s,box-shadow .2s}.telegram-help:hover{border-color:#78c8ec;box-shadow:0 6px 24px #41b7e01c}.telegram-mark{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#58c6ef,#2585b3);border-radius:50%;color:white;flex-shrink:0}.telegram-mark svg{width:25px;height:25px}.telegram-help strong{font-size:12px;font-weight:600}.telegram-help small{display:block;font-size:11px;color:#9cc8dd;margin-top:5px}.telegram-arrow{margin-left:auto;color:#7dc8e8;font-size:22px}#scannumbers{font-weight:600!important;border-color:#69aecb!important;color:#b9e8fa!important}html[data-theme=light] .telegram-help{background:linear-gradient(120deg,#e1f4ff,#f5fbff);color:#224659;border-color:#abd5e8}html[data-theme=light] .telegram-help small{color:#517d94}html[data-theme=light] #scannumbers{color:#285f79!important}

/* Footer / help center */
.footer-hub{margin:40px 0 24px;padding:28px;border:1px solid #47556955;border-radius:24px;background:linear-gradient(125deg,#0e1923,#0b1017 65%,#171b1b);color:#e7eef6;box-shadow:0 18px 60px #0002}.footer-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#6bcbdc}.footer-hub-heading h2{font-size:clamp(18px,2vw,24px);margin:12px 0 6px}.footer-hub-heading p{color:#9caebd;font-size:13px;margin:0}.footer-hub-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:24px}.footer-contact .telegram-help{width:100%;height:100%;box-sizing:border-box;margin:0;max-width:none;border-radius:16px;min-height:100px}.info-card{display:flex;align-items:center;gap:14px;min-height:100px;padding:20px;text-align:left;border:1px solid #3a586d;border-radius:16px;background:linear-gradient(130deg,#152b38,#101c27);color:#edf5fb;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff09;transition:transform .18s,border-color .18s,box-shadow .18s}.info-card strong{display:block;font-size:16px}.info-card small{display:block;margin-top:6px;color:#a5bacb;font-size:12px;line-height:1.7}.info-symbol{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#55bfd522;color:#76d7ea;font-size:22px;font-weight:700}.info-arrow{margin-left:auto;color:#77d7e8}.faq-card{border-color:#6f5a34;background:linear-gradient(130deg,#30291c,#1e1b17)}.faq-card .info-symbol{background:#e9b95620;color:#ecc879}.faq-card .info-arrow{color:#ecc879}.info-card:hover{transform:translateY(-3px);border-color:#81cadd;box-shadow:0 8px 26px #0003}.info-card:focus-visible,.footer-hub a:focus-visible{outline:3px solid #79d4e5;outline-offset:4px}.studio-info{width:min(620px,calc(100vw - 28px));max-height:85vh;box-sizing:border-box;overflow:auto;padding:28px;border:1px solid #456071;border-radius:24px;background:#0d151e;color:#e6eef5;box-shadow:0 30px 100px #0008}.studio-info::backdrop{background:#000a;backdrop-filter:blur(5px)}.info-dialog-top{display:flex;align-items:center;justify-content:space-between}.info-dialog-top button{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#ffffff0a;color:#e7eef6;border:1px solid #ffffff25}.studio-info h2{margin:20px 0;font-size:25px}.studio-info p{line-height:1.95;color:#b8c8d5;font-size:14px}.studio-info details{padding:16px 0;border-bottom:1px solid #ffffff18}.studio-info summary{cursor:pointer;line-height:1.8;font-size:14px;font-weight:600}.studio-info details p{margin-bottom:0}.info-signature{margin:26px 0 0;padding-top:16px;border-top:1px solid #ffffff18;font-size:12px!important}.workspace button,.workspace .button,.guide button{transition:transform .15s,box-shadow .15s,border-color .15s}.workspace button:hover:not(:disabled),.workspace .button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0002}.workspace button:active:not(:disabled){transform:translateY(0)}
@media(max-width:850px){.footer-hub-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}@media(max-width:480px){.footer-hub{padding:20px 16px;border-radius:20px}.footer-hub-grid{gap:10px}.info-card{padding:14px 10px;gap:8px;min-height:110px}.info-symbol{width:28px;height:28px;font-size:18px;border-radius:9px}.info-card strong{font-size:14px}.info-arrow{display:none}.studio-info{padding:22px}}@media(prefers-reduced-motion:reduce){.info-card,.workspace button,.workspace .button{transition:none!important;transform:none!important}}


.account-open{white-space:nowrap!important;border-color:#4f98b4!important;color:var(--text)!important}.account-dialog{width:min(480px,calc(100vw - 24px));max-height:88dvh;overflow:auto;box-sizing:border-box;padding:26px;border:1px solid #36546a;border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #0008}.account-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.account-dialog-top{display:flex;justify-content:space-between;align-items:center}.account-dialog-top button{min-height:32px;padding:4px 10px}.account-dialog h2{font-size:24px;margin:18px 0 8px}.account-dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.account-tabs{display:flex;gap:8px;margin:18px 0}.account-tabs button{flex:1}.account-tabs button.selected{background:#27536a!important;color:#e4f7ff!important;border-color:#5eb9d7!important}.account-dialog form{display:flex;flex-direction:column;gap:14px}.account-dialog label{font-size:12px}.account-dialog .account-remember{display:flex;align-items:center;gap:8px}.account-dialog .account-remember input{width:auto}.profile-identity{display:flex;gap:14px;align-items:center;margin:20px 0}.profile-identity small{display:block;color:var(--muted);font-size:11px;margin-top:4px}#profile-avatar{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,#327b98,#184359);color:#e8f7ff;font-size:23px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stats>div{padding:14px 8px;border:1px solid var(--line);border-radius:12px;text-align:center}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:23px}.profile-stats small{font-size:10px;color:var(--muted)}.account-dialog details{padding:18px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-dialog details form{margin-top:16px}.account-dialog summary{cursor:pointer;font-size:13px}#account-message{min-height:22px;overflow-wrap:anywhere}#account-message.error{color:#ed929a}#account-message.success{color:#70c7a0}.account-dialog [hidden]{display:none!important}@media(max-width:700px){.account-open{padding:8px}.header-right{flex-wrap:wrap}.account-dialog{padding:20px}}



/* Brand logo sizing. */
.brand .yf-logo{display:block;max-width:100%;object-fit:contain;object-position:left}