.cssf-main{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}#workspace{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);overflow:hidden;min-height:0}.cssf-panel{display:flex;flex-direction:column;background:var(--bg);min-width:0;overflow:hidden}.cssf-panel__head{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elev);border-bottom:1px solid var(--border);font-size:.75rem;flex-shrink:0;min-height:36px}.cssf-panel__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cssf-panel__body{flex:1;position:relative;overflow:auto;min-height:0}#css-input{position:absolute;inset:0;width:100%;height:100%;resize:none;border:none;border-radius:0;font-size:.875rem;line-height:1.7;padding:1.25rem 1.5rem;outline:0;background:var(--bg);color:var(--text);font-family:var(--font-mono)}#css-input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--accent-dim)}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:var(--text-dim);gap:.5rem;padding:2rem;text-align:center}#empty-state .mdi{font-size:3rem;opacity:.25}#empty-state h3{font-size:1rem;font-weight:600;color:var(--text-muted);margin:0}#empty-state p{font-size:.8125rem;margin:0;max-width:28rem}#drop-overlay{position:absolute;inset:0;background:rgba(74,144,226,.12);border:2px dashed var(--accent);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--accent);font-size:.9375rem;font-weight:600;pointer-events:none;z-index:10}#drop-overlay .mdi{font-size:2.5rem}#css-output{padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.75;background:var(--bg)}.cssf-output-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-dim);pointer-events:none;padding:2rem;text-align:center}.cssf-output-empty .mdi{font-size:2.5rem;opacity:.3}.cssf-output-empty p{font-size:.8125rem;margin:0}#error-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 1rem;background:var(--removed-bg);color:var(--removed);font-size:.8125rem;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid var(--removed)}#error-banner .mdi{flex-shrink:0;margin-top:1px}#error-list span{margin-right:.75rem}#search-bar{display:flex;align-items:center;gap:.25rem;margin-left:auto;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:.15rem .3rem}#search-bar .mdi-magnify{color:var(--text-muted);font-size:1rem}#search-input{background:0 0;border:none;outline:0;color:var(--text);font-family:var(--font-ui);font-size:.8125rem;padding:.15rem .3rem;width:14rem}#search-count{font-size:.7rem;color:var(--text-muted);white-space:nowrap;min-width:4.5rem;text-align:right}#stats-bar{display:flex;align-items:center;flex-wrap:wrap;gap:0 1.25rem;padding:.4rem 1.25rem;background:var(--bg-elev);border-top:1px solid var(--border);flex-shrink:0;font-size:.75rem}.stat-item{display:flex;align-items:center;gap:.3rem}.stat-label{color:var(--text-muted)}.stat-value{font-family:var(--font-mono);color:var(--text);font-weight:600}.stat-value.stat-shrink{color:var(--added)}.stat-value.stat-error,.stat-value.stat-grow{color:var(--removed)}.stat-sep{color:var(--text-dim)}#indent-toggle{font-size:.75rem}#indent-toggle.disabled{opacity:.4;pointer-events:none}#btn-upload{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.css-block-head,.css-close,.css-line{padding-left:calc(var(--d,0) * 1.5em);white-space:pre-wrap;word-break:break-all}.css-block-head{display:flex;align-items:flex-start;cursor:pointer;user-select:none;border-radius:3px}.css-block-head:hover{background:rgba(255,255,255,.04)}.css-sel-group{display:inline-flex;flex-direction:column}.css-sel-line{display:block}.css-tog{background:0 0;border:none;padding:0 .2em 0 0;margin:0;cursor:pointer;color:var(--text-dim);line-height:inherit;font-size:.85em;flex-shrink:0;transition:color .15s}.css-tog:hover{color:var(--accent)}.css-comment{color:var(--text-muted);font-style:italic}.css-at-kw{color:#c792ea}.css-at-val{color:var(--text-muted)}.css-selector{color:#89ddff}.css-prop{color:#82aaff}.css-val{color:#eff}.css-color{color:#e8c27a}.css-string{color:#c3e88d}.css-num{color:#f78c6c}.css-fn{color:#82aaff}.css-punct{color:var(--text-dim)}.css-important{color:var(--removed);font-weight:700}.css-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;border:1px solid rgba(255,255,255,.18);vertical-align:middle;margin:0 2px 1px 0;cursor:help;flex-shrink:0}.css-block[data-collapsed=true] .css-block-body{display:none}.css-minified-pre{margin:0;white-space:pre-wrap;word-break:break-all;color:var(--text);font-family:var(--font-mono);font-size:.875rem;line-height:1.75}mark.sh{background:rgba(255,200,0,.35);color:inherit;border-radius:2px;padding:0 1px}mark.sh-active{background:rgba(255,170,0,.65);outline:rgba(255,170,0,.8) solid 1px}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(4px);background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:900px){#workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}#search-input{width:8rem}}