/* Focused workspace. Shared theme variables keep every existing theme functional. */body[data-editor-layout='focused'] .app{height:100dvh}body[data-editor-layout='focused'] .main{grid-template-columns:270px minmax(0,1fr) 320px}body[data-editor-layout='focused'] .editor-project-actions{padding:12px 16px;gap:10px;align-items:center}body[data-editor-layout='focused'] .editor-project-actions .btn{min-height:40px;gap:9px}.editor-project-actions svg{width:20px;height:20px;flex:none}.editor-edit-actions{display:flex;gap:8px;align-items:center;margin-inline-start:auto}body[data-editor-layout='focused'] #exportBtn{margin-inline-start:12px}body[data-editor-layout='focused'] .editor-project-save-status{margin-inline-start:12px}body[data-editor-layout='focused'] .editor-library-tabs{display:flex;flex:none;border-bottom:1px solid var(--ui-line)}.editor-library-tabs>button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px;background:none;border:0;border-bottom:2px solid transparent;color:var(--ui-muted);font:700 13px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}.editor-library-tabs>button[aria-selected='true']{color:var(--ui-tx);border-bottom-color:var(--ui-accent)}.editor-library-tabs #lcount{color:var(--ui-muted) !important;font-size:10px;white-space:nowrap}body[data-editor-layout='focused'] .left{overflow:hidden}body[data-editor-layout='focused'] .layers{flex:1;max-height:none;padding:12px 8px}body[data-editor-layout='focused'] .tpl{flex:1;min-height:0;border:0}body[data-editor-layout='focused'] .tplbody{padding:12px}body[data-editor-layout='focused'] .tplbody>.chips{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding-bottom:12px}body[data-editor-layout='focused'] .chip{padding:6px 10px}body[data-editor-layout='focused'] .tgrid{gap:10px}body[data-editor-layout='focused'] .tcard canvas{aspect-ratio:220/76;image-rendering:auto}body[data-editor-layout='focused'] .tcard>span{padding:8px 10px;font-size:12px}body[data-editor-layout='focused'] .editor-saved-styles{flex:none;margin:10px 12px;min-height:40px;white-space:normal}body[data-editor-layout='focused'] .right{padding:0;overflow-y:auto;overflow-x:hidden;scroll-padding-top:65px}body[data-editor-layout='focused'] #rtabs{position:sticky;top:0;z-index:10}body[data-editor-layout='focused'] .row{gap:10px;min-width:0}body[data-editor-layout='focused'] .row label{min-width:0;overflow-wrap:anywhere}body[data-editor-layout='focused'] .row>.rng{min-width:0}body[data-editor-layout='focused'] .sech{min-height:46px;padding:12px 16px;letter-spacing:.075em;line-height:1.5}body[data-editor-layout='focused'] .secb{padding:14px 16px 18px}.editor-font-row .fontpick{min-width:0;flex:1}.editor-font-row #fontBtn{width:100%;justify-content:space-between;min-height:38px}.editor-font-row #fontName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-font-browser{max-height:340px;overflow:auto;padding:8px!important}.editor-font-browser .chips{display:flex;flex-wrap:wrap;overflow:visible}body[data-editor-layout='focused'] .row #eyedrop{margin-inline-start:auto}body[data-editor-layout='focused'] .row #arcReset{flex:none}body[data-editor-layout='focused'] .stage{margin:0}body[data-editor-layout='focused'] .botbar{position:relative;overflow:visible;gap:7px;min-height:48px;padding:8px 12px}.editor-view-options{position:relative}.editor-view-options>summary{list-style:none;cursor:pointer;padding:7px 10px;border:1px solid var(--ui-line);border-radius:8px;white-space:nowrap}.editor-view-options>summary::-webkit-details-marker{display:none}.editor-view-options-body{position:absolute;bottom:calc(100% + 10px);inset-inline-start:0;z-index:60;display:grid;gap:8px;width:190px;max-height:60vh;overflow:auto;padding:10px;border:1px solid var(--ui-line);background:var(--ui-card);border-radius:10px;box-shadow:0 8px 30px #0006}.editor-view-options:not([open])>.editor-view-options-body{display:none}@media(max-width:1200px) and (min-width:861px){body[data-editor-layout='focused'] .main{grid-template-columns:230px minmax(0,1fr) 290px}body[data-editor-layout='focused'] .editor-project-save-status{display:none}}@media(max-width:860px){body[data-editor-layout='focused'] .app{height:auto;min-height:100dvh}body[data-editor-layout='focused'] .main{display:flex;flex-direction:column}body[data-editor-layout='focused'] .editor-project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px;gap:8px}body[data-editor-layout='focused'] .editor-project-actions>.btn{min-width:0;margin:0!important}.editor-edit-actions{margin:0;grid-column:1/-1;display:grid;grid-template-columns:38px 38px minmax(0,1fr) minmax(0,1fr);gap:6px}.editor-edit-actions>.menu>.btn{width:100%;white-space:normal;min-height:40px}body[data-editor-layout='focused'] #exportBtn{grid-column:1/-1;width:100%}body[data-editor-layout='focused'] .editor-project-save-status{display:none}body[data-editor-layout='focused'] .center{order:1}body[data-editor-layout='focused'] .left{order:2;overflow:visible;border-block:1px solid var(--ui-line)}body[data-editor-layout='focused'] .right{order:3;overflow:visible}body[data-editor-layout='focused'] .stage{height:48dvh;min-height:250px}body[data-editor-layout='focused'] .tpl{min-height:0}body[data-editor-layout='focused'] .tplbody,body[data-editor-layout='focused'] .layers{max-height:420px;overflow:auto}body[data-editor-layout='focused'] .tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-editor-layout='focused'] .botbar{flex-wrap:wrap}body[data-editor-layout='focused'] #sizeLbl{white-space:nowrap;font-size:10px}}@media(max-width:480px){body[data-editor-layout='focused'] .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-editor-layout='focused'] .editor-project-actions>.btn{font-size:12px;padding-inline:7px}body[data-editor-layout='focused'] .botbar{padding-inline:8px;gap:5px}body[data-editor-layout='focused'] #rtabs button{min-width:0;white-space:normal}}.editor-advanced>summary{cursor:pointer;padding:16px;color:var(--ui-tx);font-weight:750;border-block:1px solid var(--ui-line)}.editor-advanced[open]>summary{margin-bottom:0}body[data-editor-layout='focused'] .row{grid-template-columns:84px minmax(0,1fr)}body[data-editor-layout='focused'] .row.full{grid-template-columns:minmax(0,1fr)}body[data-editor-layout='focused'] .right .seg{flex-wrap:wrap;min-width:0}body[data-editor-layout='focused'] .right .seg button{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}body[data-editor-layout='focused'] .right input[type='number']{min-width:0;max-width:100%}body[data-editor-layout='focused'] .right .rng>input[type='number']{width:100%}body[data-editor-layout='focused'] .grad .gc{flex-wrap:wrap}/* Canvas background choices need the whole inspector width in every locale. */body[data-editor-layout='focused'] .row:has(#bgSeg){grid-template-columns:minmax(0,1fr)}body[data-editor-layout='focused'] .row:has(#bgSeg)>.rng{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center}body[data-editor-layout='focused'] #bgSeg{gap:6px}body[data-editor-layout='focused'] #bgSeg button{flex:1 1 100%;min-height:36px;padding:7px 9px}.editor-export-dimensions{grid-column:1/-1;color:var(--ui-muted);font-size:12px;font-variant-numeric:tabular-nums}.editor-view-options-body{max-width:calc(100vw - 16px)}@media(max-width:860px){body[data-editor-layout='focused'] .editor-project-save-status{display:block;grid-column:1/-1;margin:0;min-width:0;white-space:normal}}