.svg-page{max-width:1360px;margin:12px auto}.svg-page>.lf-intro{max-width:none;line-height:1.6}.svg-page>.lf-badges{margin:14px 0}.svg-upload{padding:16px 20px;margin:16px 0}.svg-upload>p{margin:8px 0;font-size:.88rem;line-height:1.5}.svg-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}.svg-layout>.lf-panel{min-width:0;margin:0;padding:18px}.svg-layout .lf-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.svg-page textarea{width:100%;min-width:0;border:1px solid #5b456a;border-radius:9px;background:#10101b;color:#f3edfa;font:13px/1.65 ui-monospace,Consolas,monospace;padding:12px;resize:vertical;min-height:270px;tab-size:2;white-space:pre;overflow:auto}.svg-preview{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto}.svg-toolbar{gap:8px;margin:8px 0}.svg-toolbar button,.svg-toolbar a{font-size:.9rem;padding:9px 12px}.svg-preview>.lf-stats{gap:8px;margin:10px 0}.svg-preview>.lf-stats span{padding:8px 10px;font-size:.86rem}.svg-preview-controls.lf-settings{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 100px;gap:10px}.svg-preview-controls label{font-size:.85rem;gap:5px}.svg-preview-controls select{padding:8px;font-size:.85rem}.svg-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svg-preview-grid>div{min-width:0}.svg-preview-grid h3{font-size:.95rem;margin:8px 0 10px}.svg-stage{height:230px;overflow:auto;min-width:0;max-width:100%;border:1px solid #645171;border-radius:12px;background:repeating-conic-gradient(#302937 0% 25%,#211a2a 0% 50%) 0/20px 20px}.svg-stage img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}.svg-page[data-background=light] .svg-stage{background:#fff}.svg-page[data-background=dark] .svg-stage{background:#10101b}.svg-page[data-view=optimized] .svg-original,.svg-page[data-view=original] .svg-optimized{display:none}.svg-page[data-view=optimized] .svg-preview-grid,.svg-page[data-view=original] .svg-preview-grid{grid-template-columns:1fr}.svg-options{margin:14px 0;border-top:1px solid #4c3b5c;padding-top:10px}.svg-options summary{cursor:pointer;color:#dfccf6;font-weight:600;padding:5px 0}.svg-checks{display:grid;gap:10px;margin:14px 0}.svg-page #soWarning{font-size:.85rem;line-height:1.6;white-space:pre-line}.svg-page #soPreviewStatus{font-size:.86rem;line-height:1.5}.svg-page #soDrop.dragover{border:2px dashed #c095f6}.svg-page textarea:focus-visible{outline:3px solid #c7a0ff;outline-offset:3px}@media(max-width:950px){.svg-layout{grid-template-columns:minmax(0,1fr)}.svg-preview{position:static;max-height:none;overflow:visible}}@media(max-width:550px){.svg-layout .lf-settings,.svg-preview-controls.lf-settings{grid-template-columns:minmax(0,1fr)}.svg-preview-grid{grid-template-columns:minmax(0,1fr)}.svg-stage{height:260px}.svg-layout>.lf-panel{padding:15px}.svg-upload{padding:15px}.svg-page textarea{font-size:12px;min-height:230px}}