.fw-page{max-width:1600px;margin:auto;padding:24px}.fw-page header>span{color:#c29bf9;font-size:.8rem;letter-spacing:.13em}.fw-page h1{font-size:clamp(1.8rem,3vw,2.7rem)}.fw-page p{color:#c5bbd6;line-height:1.6}.fw-workspace{background:#21182f;border:1px solid #574169;border-radius:18px;padding:20px;margin-top:24px}.fw-command,.fw-actions,.fw-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.fw-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.fw-layout aside{border-right:1px solid #58416b;padding-right:18px}.fw-page label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;margin-bottom:12px}.fw-page input,.fw-page select,.fw-page textarea{background:#171120;border:1px solid #67527d;color:#eee5ff;padding:10px;border-radius:8px;width:100%;box-sizing:border-box;font:inherit;min-width:0}.fw-page input[type=checkbox]{width:auto}.fw-page input[type=color]{height:42px;padding:3px}.fw-page button,.fw-file{background:#38254d;color:#eee5ff;border:1px solid #745591;border-radius:8px;padding:10px 14px;cursor:pointer}.fw-page button:hover,.fw-page button[aria-pressed=true]{background:#654290;border-color:#bb8af4}.fw-page button:disabled{opacity:.4;cursor:default}.fw-page button:focus-visible,.fw-page input:focus-visible,.fw-page textarea:focus-visible{outline:2px solid #bd96ef;outline-offset:2px}.fw-file input{font-size:.75rem;padding:4px;max-width:190px}.fw-command label{margin:0}.fw-specimen{padding:24px;border:1px solid #6a527b;border-radius:12px;min-height:180px;overflow-wrap:anywhere;white-space:pre-wrap}.fw-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fw-controls label:nth-last-child(-n+2){grid-column:1/-1;flex-direction:row}.fw-font{display:block;text-align:left;width:100%;margin:8px 0;overflow-wrap:anywhere}.fw-font small{display:block;color:#c9b6da;font-size:.75rem}.fw-scale{padding:12px;overflow:hidden}.fw-scale>div{margin:15px 0;overflow-wrap:anywhere}.fw-scale small{display:block;font:12px sans-serif;color:#bbaacb}.fw-comparison{border:1px solid #665078;border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.fw-comparison h3{font:14px sans-serif;color:#c9a4f7}.fw-main{min-width:0}#fwGlyphs{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}#fwGlyphs button{min-height:88px;padding:8px}#fwGlyphs span{display:block;font-size:32px}#fwGlyphs small{font:11px monospace}.fw-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 Consolas,monospace;max-height:400px;overflow:auto}.fw-metadata-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:15px;border-bottom:1px solid #4b395b;padding:12px 0;overflow-wrap:anywhere}#fwTables{display:flex;flex-wrap:wrap;gap:10px}#fwTables span{padding:8px;background:#362443;border-radius:7px;font:13px monospace}#fwStatus{padding:12px;background:#352345;border:1px solid #6f5186;border-radius:8px}#fwFonts{max-height:350px;overflow:auto}.fw-page [hidden]{display:none!important}@media(max-width:850px){.fw-layout{grid-template-columns:190px minmax(0,1fr)}.fw-page{padding:12px}.fw-controls{grid-template-columns:1fr}}@media(max-width:600px){.fw-layout{grid-template-columns:1fr}.fw-layout aside{border-right:0;padding:0;border-bottom:1px solid #574169}.fw-controls{grid-template-columns:1fr 1fr}#fwFonts{max-height:180px}.fw-workspace{padding:12px}.fw-metadata-row{grid-template-columns:1fr;gap:5px}.fw-tabs button{flex:1}.fw-specimen{padding:15px}}
/* Workspace polish: generous desktop controls and a clear specimen stage. */
.fw-workspace{background:linear-gradient(135deg,#251c36,#1c152b);box-shadow:0 20px 60px #09061340;padding:24px}.fw-command{padding-bottom:20px;border-bottom:1px solid #ffffff12;gap:12px}.fw-layout{grid-template-columns:280px minmax(0,1fr);gap:26px}.fw-layout aside{background:#16102066;border:1px solid #ffffff12;border-radius:14px;padding:18px;align-self:start}.fw-layout aside h2{font-size:1.05rem;margin:0}.fw-side-hint{font-size:.78rem;margin:7px 0 16px}.fw-section-label{border-top:1px solid #ffffff15;padding-top:18px;margin-top:20px;font-size:.85rem}.fw-controls{gap:12px}.fw-controls label{font-size:.78rem;line-height:1.5;margin-bottom:4px}.fw-controls input,.fw-controls select{min-height:42px}.fw-controls label:nth-last-child(-n+2){align-items:center;padding:8px 0}.fw-font{border-color:#ffffff14;background:#251b32;padding:13px;line-height:1.4}.fw-font[aria-pressed=true]{background:linear-gradient(110deg,#6b4298,#442b62);box-shadow:inset 3px 0 #d9b6ff}.fw-font small{margin-top:5px;font-size:.7rem;opacity:.85}.fw-main{background:#19122480;border:1px solid #ffffff12;border-radius:14px;padding:22px}.fw-tabs{background:#100b1880;padding:6px;border-radius:12px;gap:4px;margin-bottom:24px}.fw-tabs button{flex:1;border-color:transparent;background:transparent;padding:12px 8px}.fw-tabs button[aria-pressed=true]{background:#65428c;box-shadow:0 3px 10px #08050d50}.fw-page .fw-actions{align-items:end;gap:12px}.fw-actions label{margin:0;flex:1;min-width:160px}.fw-page #fwSample,.fw-page #fwConvert{background:#9563d4;border-color:#b992ef;font-weight:700}.fw-page #fwPNG{padding:12px 18px}.fw-page .fw-file{position:relative;display:flex;justify-content:center;min-height:44px;margin:0;padding:10px 18px;background:#483060;border-style:dashed;box-sizing:border-box}.fw-file input{position:absolute;inset:0;opacity:0;width:100%;max-width:none;cursor:pointer}.fw-file:focus-within{outline:2px solid #cba4ff;outline-offset:3px}.fw-page textarea{line-height:1.6}.fw-preview-caption{display:flex;justify-content:space-between;gap:15px;margin:24px 0 10px;color:#bba9ce;font-size:.7rem;letter-spacing:.1em}.fw-preview-caption span:last-child{letter-spacing:0;text-align:right;color:#dbc2ff}.fw-specimen{min-height:240px;padding:32px;border-color:#ffffff20;box-shadow:inset 0 0 35px #00000015}.fw-specimen.fw-empty{font:32px/1.7 sans-serif;color:#a897bb!important;display:flex;align-items:center;white-space:pre-line}.fw-scale-section{margin-top:20px;border-top:1px solid #ffffff15;padding-top:18px}.fw-scale-section summary{cursor:pointer;color:#d5bde9;font-size:.85rem}.fw-scale-section summary span{float:right;font-size:.7rem;color:#a899ba}.fw-comparison{padding:24px;background:#130e1d;border-color:#ffffff17;box-shadow:0 4px 16px #00000015}.fw-comparison h3{margin:0 0 16px}.fw-metadata-row{padding:16px 0}.fw-page #fwPermission{width:auto}.fw-page label:has(#fwPermission){flex-direction:row;align-items:center;background:#342444;padding:15px;border-radius:10px}.fw-page #fwCoverage{font-size:.8rem;background:#2c213c;padding:12px 15px;border-radius:8px}.fw-page #fwStatus{margin-bottom:0;font-size:.85rem;background:#21172e;border-color:#ffffff18}#fwGlyphs button{background:#251a34;border-color:#ffffff16;border-radius:12px}#fwGlyphs small{color:#bb9bdb;margin-top:8px}.fw-page #fwAxes label{font-size:.8rem;margin-top:15px}.fw-page #fwAxes input{padding:0;accent-color:#bc85f5}.fw-page #fwAxes{font-size:.8rem;color:#b8a6c9}
@media(max-width:1100px){.fw-layout{grid-template-columns:250px minmax(0,1fr)}.fw-workspace{padding:18px}.fw-main{padding:16px}.fw-specimen{padding:22px}}
@media(max-width:850px){.fw-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.fw-controls{grid-template-columns:1fr 1fr}.fw-controls label:nth-last-child(-n+2){grid-column:1/-1}.fw-tabs button{flex:1 1 25%}.fw-layout aside{padding:14px}.fw-actions label{min-width:120px}.fw-specimen{min-height:200px}}
@media(max-width:600px){.fw-layout{grid-template-columns:1fr}.fw-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.fw-controls label:nth-last-child(-n+2){grid-column:auto}.fw-main{padding:14px}.fw-workspace{padding:12px}.fw-command{gap:8px}.fw-command>*{flex:1 1 40%}.fw-page .fw-file{font-size:.8rem}.fw-page button{min-height:42px}.fw-preview-caption{font-size:.65rem}.fw-specimen{padding:18px}.fw-scale-section summary span{float:none;display:block;margin-top:7px}.fw-page h1{font-size:1.7rem}}