.faviconic-workspace{min-height:540px}.faviconic-workspace .seg{display:inline-flex;gap:6px;flex-wrap:wrap}.faviconic-stage{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.faviconic-stage-title{font-family:var(--font-display);font-weight:900;font-size:1.1rem;margin:0 0 4px}.faviconic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;width:100%;align-items:end}.faviconic-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.faviconic-frame{display:flex;align-items:center;justify-content:center;background:var(--editor-surface-raised);border:1px solid var(--editor-border-strong);border-radius:8px;box-shadow:0 1px 4px var(--editor-shadow);overflow:hidden}.faviconic-frame img{display:block;image-rendering:pixelated}.faviconic-size{font-family:var(--font-mono);font-size:10.5px;color:var(--editor-text-muted);letter-spacing:.08em;text-transform:uppercase}@media(max-width:480px){.faviconic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.faviconic-cell{gap:4px}.faviconic-frame{max-width:100%}.faviconic-frame img{max-width:100%;height:auto}.faviconic-size{font-size:9.5px}}.faviconic-error{font-family:var(--font-mono);font-size:11.5px;color:var(--editor-accent);margin:0}.faviconic-snippet{margin-top:16px;border:1px solid var(--editor-border);border-radius:10px;background:var(--editor-surface);overflow:hidden}.faviconic-snippet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--editor-border);background:var(--editor-surface-raised)}.faviconic-snippet-title{margin:0;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--editor-text);font-weight:700}.faviconic-snippet-code{margin:0;padding:14px 16px;background:var(--editor-canvas-bg, #1a1f2e);color:var(--editor-text-on-dark, #e8eef9);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;max-height:280px;overflow:auto;white-space:pre;word-break:normal}.faviconic-snippet-code code{display:block;font:inherit;color:inherit}.faviconic-mode-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.faviconic-shape-picker{max-height:240px;overflow:auto;border:1px solid var(--editor-border);border-radius:8px;padding:8px;background:var(--editor-surface-raised)}.faviconic-shape-picker .shape-library .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.faviconic-shape-picker .shape-library button{width:100%;aspect-ratio:1;border:1px solid var(--editor-border);background:var(--editor-surface);border-radius:6px;padding:4px;cursor:pointer}.faviconic-shape-picker .shape-library button svg{width:100%;height:100%}.faviconic-shape-picker .shape-library .tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.faviconic-shape-picker .shape-library .tabs button{font-size:10.5px;padding:4px 7px;border-radius:5px;background:transparent;border:1px solid var(--editor-border);cursor:pointer}.faviconic-shape-picker .shape-library .tabs button.is-active{background:var(--editor-accent, #FF7A3C);color:#fff}.theme-variant-panel{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--editor-border);border-radius:8px;background:var(--editor-surface-raised)}.theme-variant-row{display:flex;align-items:center;gap:10px;margin:0;text-transform:none;letter-spacing:0}.theme-variant-row>span{flex:1;font-size:12px;font-weight:600}.theme-variant-hint{font-size:10.5px;margin:0}.faviconic-browser-row{width:100%;display:flex;gap:6px}.browser-tab{width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--editor-border-strong);font-family:var(--font-body, system-ui)}.browser-tab-light{background:#f1f3f4;color:#202124}.browser-tab-dark{background:#292a2d;color:#e8eaed}.browser-tab-chrome.browser-tab-light{background:#dee1e6}.browser-tab-safari.browser-tab-light{background:#ececec}.browser-tab-firefox.browser-tab-light{background:#e5e5e8}.browser-tab-chrome.browser-tab-dark{background:#202124}.browser-tab-safari.browser-tab-dark{background:#2d2d2d}.browser-tab-firefox.browser-tab-dark{background:#1c1b22}.browser-tab-chrome{display:flex;flex-direction:column}.browser-tab-chrome>.browser-tab-chrome,.browser-tab>.browser-tab-chrome{display:flex;align-items:center;gap:8px;padding:8px 10px}.browser-tab-dots{display:flex;gap:5px}.browser-tab-dots .dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-tab-tab{display:flex;align-items:center;gap:8px;background:#ffffff8c;padding:6px 10px;border-radius:8px 8px 0 0;max-width:320px;min-width:180px}.browser-tab-dark .browser-tab-tab{background:#ffffff14}.browser-tab-icon{width:16px;height:16px;flex:0 0 16px;image-rendering:-webkit-optimize-contrast}.browser-tab-icon-empty{display:inline-block;background:repeating-linear-gradient(45deg,#ccc,#ccc 2px,#ddd 2px 4px)}.browser-tab-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.browser-tab-close{font-size:14px;opacity:.6}.browser-tab-url{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;background:#fff6}.browser-tab-dark .browser-tab-url{background:#ffffff0d}.browser-tab-lock{opacity:.55}.browser-tab-url-text{font-family:var(--font-mono, monospace);opacity:.85}.faviconic-ico-report{border:1px solid var(--editor-border);border-radius:8px;padding:10px 12px;background:var(--editor-surface-raised);font-size:11.5px}.faviconic-ico-report ul{list-style:none;padding:0;margin:6px 0 0;font-family:var(--font-mono);font-size:11px}.faviconic-ico-report li{padding:2px 0;border-bottom:1px solid var(--editor-border)}.faviconic-ico-report li:last-child{border-bottom:none}