/* Scoped workspace: the ACBS shell and theme variables remain unchanged. */
.glyph-page{padding:16px;max-width:1700px;margin:auto}.glyph-page *{box-sizing:border-box}.glyph-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.glyph-head h1{font-size:18px;letter-spacing:-.025em;margin:0}.glyph-head h1 small{font-size:12px;color:var(--muted);margin-left:8px}.glyph-head>div{display:flex;gap:6px}.glyph-page button,.glyph-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--line,#ccc);border-radius:5px;background:var(--panel,#fff);color:var(--text,#111);cursor:pointer;font:inherit;font-size:14px;min-height:36px}.glyph-page button:hover,.glyph-dialog button:hover{border-color:var(--text,#111)}.glyph-page button.active{background:var(--text,#111);color:var(--bg,#fff)}.glyph-page button:disabled{opacity:.35;cursor:default}.glyph-page [data-icon]{display:flex}.glyph-page [data-icon] svg{width:17px;height:17px}.glyph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start}.glyph-main{min-width:0}.glyph-stage{position:relative;height:min(64vh,720px);min-height:410px;overflow:hidden;background:#e6e6e6;border-radius:5px;touch-action:none;user-select:none;cursor:crosshair;outline-offset:3px}.glyph-svg{display:block;width:100%;height:100%;touch-action:none}.glyph-status{position:absolute;bottom:10px;left:12px;font:12px ui-monospace,monospace;color:#50505a;pointer-events:none;background:#e6e6e6d9;padding:4px 6px;border-radius:3px}.glyph-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}.glyph-toolbar button{border-color:transparent;background:transparent;font-size:12px;padding:6px 8px;flex-direction:column;gap:4px;min-width:45px}.glyph-toolbar button.active{background:var(--text);color:var(--bg)}.glyph-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 22px;padding:14px 4px}.glyph-field{display:grid;gap:8px;margin:6px 0;font-size:14px}.glyph-field>span{display:flex;align-items:center;justify-content:space-between;gap:6px}.glyph-field output{font:12px ui-monospace,monospace;color:var(--muted)}.glyph-field input[type=range]{width:100%;margin:0;height:20px;accent-color:var(--text,#111)}.glyph-hint{margin:0 0 10px;font-size:12px;color:var(--muted);line-height:1.6}.glyph-settings{max-height:calc(100svh - 150px);overflow:auto;scrollbar-width:thin}.glyph-settings details{border-bottom:1px solid var(--line);padding:12px 0}.glyph-settings summary{font-size:14px;font-weight:600;cursor:pointer;list-style-position:inside;margin-bottom:10px}.glyph-settings label,.glyph-dialog label{display:grid;gap:6px;font-size:14px;margin:8px 0}.glyph-settings input:not([type=checkbox]):not([type=range]):not([type=color]),.glyph-settings select,.glyph-dialog input[type=number],.glyph-dialog select{width:100%;min-width:0;border:1px solid var(--line,#ccc);border-radius:4px;background:var(--panel,#fff);color:var(--text,#111);padding:8px;font:inherit;font-size:14px}.glyph-settings p{font-size:12px;line-height:1.6;color:var(--muted)}.glyph-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}.glyph-settings .glyph-check{display:flex;justify-content:space-between;align-items:center}.glyph-settings input[type=color]{width:100%;height:30px;border:0;padding:0;background:transparent}.glyph-inks{display:grid;grid-template-columns:1fr 32px;gap:4px}.glyph-inks label{margin:2px 0}.glyph-characters{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-height:215px;overflow:auto}.glyph-characters button{padding:3px;min-height:32px}.glyph-characters button.drawn{border-color:#d7478e}.glyph-font-preview{width:100%;height:95px;background:#e6e6e6;border-radius:3px}.glyph-notice{font-size:14px;min-height:22px;color:var(--text);margin:12px 0}.glyph-page:fullscreen,.glyph-fullscreen{max-width:none;background:var(--bg);overflow:auto;height:100svh}.glyph-fullscreen{position:fixed;inset:0;z-index:1000}.glyph-dialog{max-width:650px;width:calc(100vw - 30px);max-height:90svh;overflow:auto;border:1px solid var(--line,#ccc);border-radius:8px;padding:20px;color:var(--text,#111);background:var(--bg,#fff)}.glyph-dialog::backdrop{background:#0008}.glyph-dialog h2{font-size:20px;margin:0 0 10px}.glyph-export-preview{margin:12px 0;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/16px 16px;max-height:300px;overflow:hidden}.glyph-export-preview svg{display:block;width:100%;height:250px}.glyph-project-row{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0;padding:10px 0;border-bottom:1px solid var(--line,#ccc)}.glyph-project-row>span{flex:1 0 100%;font-weight:600}.glyph-page input:focus-visible,.glyph-page button:focus-visible,.glyph-page select:focus-visible{outline:2px solid #d7478e;outline-offset:2px}.glyph-art{transition:d .12s ease,fill .12s}.glyph-reduced .glyph-art{transition:none}@media(prefers-reduced-motion:reduce){.glyph-art{transition:none}}@media(max-width:1000px){.glyph-workspace{grid-template-columns:minmax(0,1fr) 220px}.glyph-primary{grid-template-columns:1fr 1fr}.glyph-toolbar button{min-width:40px;padding:5px}.glyph-toolbar button span:last-child{font-size:12px}}@media(max-width:700px){.glyph-page{padding:10px}.glyph-head{gap:6px}.glyph-head h1{font-size:14px}.glyph-head h1 small{display:block;margin:3px 0 0}.glyph-head button{padding:7px;min-height:35px}.glyph-head button span:last-child{font-size:12px}.glyph-workspace{grid-template-columns:1fr;gap:8px}.glyph-stage{height:49svh;min-height:320px}.glyph-toolbar{gap:2px;justify-content:space-between;padding:7px 0}.glyph-toolbar button{min-width:28px;padding:5px 3px}.glyph-toolbar button span:last-child{display:none}.glyph-primary{grid-template-columns:1fr 1fr;gap:3px 18px;padding:8px 0}.glyph-field{gap:4px;margin:3px 0}.glyph-field>span{font-size:13px}.glyph-settings{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.glyph-settings details{min-width:0}.glyph-settings details[open]{grid-column:1/-1}.glyph-settings details:first-child{grid-column:1/-1}.glyph-settings details:first-child select{max-width:55%}.glyph-hint{font-size:12px}.glyph-characters{grid-template-columns:repeat(10,1fr)}.glyph-page:fullscreen .glyph-stage{height:55svh}}@media(max-width:370px){.glyph-head [data-action=fullscreen] span:last-child{display:none}.glyph-toolbar [data-icon] svg{width:16px;height:16px}.glyph-primary{gap:3px 12px}}