*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1d2330;background:#f6f7f9;font:14px/1.4 system-ui,Segoe UI,Tahoma,sans-serif}.app{grid-template-columns:340px 1fr;height:100%;display:grid}aside{background:#fff;border-right:1px solid #dde1e7;padding:16px;overflow-y:auto}h1{margin:0 0 12px;font-size:18px}.subscriber{background:#eef1f6;border-bottom:1px solid #dde1e7;gap:6px;margin:-16px -16px 12px;padding:10px 16px;font-size:13px;display:grid}.subscriber.emails{margin-top:-12px;padding-top:6px}.subscriber div{grid-template-columns:1fr auto;gap:6px;display:grid}.subscriber input{border:1px solid #c9ced8;border-radius:6px;padding:6px 8px}.subscriber button{padding:6px 14px}.subscriber .ok{color:#1a7f37;font-weight:600}.subscriber .wrong{color:#c62828}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-head h1{margin-bottom:12px}.recent-toggle{padding:5px 10px}.recent-list{border:1px solid #dde1e7;border-radius:8px;gap:6px;margin-bottom:12px;padding:8px;display:grid}.recent-item{grid-template-columns:1fr 34px;align-items:center;gap:4px;display:grid}.recent-open{color:#1d2330;text-align:left;background:#fff;border-color:#dde1e7;flex-direction:column;align-items:flex-start;padding:5px 8px;display:flex}.recent-open small,.recent-list>small,.storage-note{color:#687385;font-size:12px}.share-note{color:#687385;gap:6px;font-size:12px;display:grid}.share-note input{width:100%;font-size:12px}.recent-delete{padding:4px}.storage-note{margin-bottom:8px;display:block}fieldset{border:1px solid #dde1e7;border-radius:8px;margin:12px 0;padding:8px 12px}legend{padding:0 4px;font-weight:600}.row{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.row input[type=number],.row select{width:120px}.col{flex-direction:column;gap:4px;margin:12px 0;display:flex}textarea{padding:6px;font-family:Segoe UI,Tahoma,sans-serif;font-size:18px}input,select,textarea,button{font:inherit}.buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}button,.button{color:#fff;cursor:pointer;text-align:center;background:#1d2330;border:1px solid #1d2330;border-radius:6px;padding:8px}button:disabled{opacity:.4;cursor:default}.button{color:#1d2330;background:#fff}main{flex-direction:column;min-width:0;display:flex}.viewer{flex:1;min-height:0}.status{background:#fff;border-top:1px solid #dde1e7;min-height:44px;padding:8px 16px}.issues{margin:4px 0 0;padding-left:18px}.issues .error{color:#b3261e}.issues .warning{color:#9a6700}.issues .info{color:#555}@media (width<=760px){.app{grid-template-rows:50vh auto;grid-template-columns:1fr}main{order:-1}}.viewer{position:relative;overflow:hidden}.viewer canvas{display:block;position:absolute;inset:0}main{min-height:0}.viewtoggle{gap:4px;display:flex;position:absolute;top:10px;right:10px}.viewtoggle button{color:#1d2330;background:#fff;padding:4px 10px;font-size:13px}.viewtoggle button.on{color:#fff;background:#1d2330}.row input[type=text]{width:160px}.row input[type=checkbox]{width:auto}.svgpick{align-items:center;gap:6px;display:flex}.button.small{padding:4px 8px;font-size:13px}.swatch{vertical-align:-1px;border:1px solid #0003;border-radius:3px;width:12px;height:12px;margin-right:3px;display:inline-block}.notes{color:#3d4a5c;margin:6px 0 0;padding-left:18px;font-size:13px}.svgfield{flex-direction:column;gap:6px;display:flex}.library{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;display:grid}.shape-filters{grid-column:1/-1;gap:6px;display:flex}.shape-filters select,.shape-filters input{width:50%;min-width:0}.library button{aspect-ratio:1;background:#fff;border:1px solid #dde1e7;border-radius:6px;padding:3px}.library button.on{border-color:#1d2330;box-shadow:0 0 0 1px #1d2330}.library img{width:100%;height:100%;display:block}.modal-backdrop{z-index:10;background:#1118;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.export-modal{background:#fff;border-radius:10px;width:min(440px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 12px 40px #0004}.export-modal h2{margin:0;font-size:18px}.export-modal p{color:#536071;margin:6px 0 12px}.slot-list{margin:0;padding:0;list-style:none}.slot-list li{border-top:1px solid #e5e8ed;grid-template-columns:36px 1fr auto 34px 34px;align-items:center;gap:6px;padding:6px 0;display:grid}.slot-list input[type=color]{width:32px;height:30px;padding:2px}.slot-list small{color:#687385}.slot-list button,.modal-actions button{padding:5px 8px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.image-modal{width:min(640px,100%)}.trace-previews{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.trace-previews div{min-width:0}.trace-previews img{object-fit:contain;background:#fff;border:1px solid #dde1e7;width:100%;height:220px;margin-top:5px;display:block}.image-modal input[type=range]{flex:1}.product-categories{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.product-categories button{border:1px solid var(--line,#cbd5e1);background:var(--surface,#fff);min-height:34px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:.82rem}.product-categories button[aria-pressed=true]{border-color:var(--accent,#2563eb);background:var(--accent,#2563eb);color:#fff}