:root{--sm-bg-app: #1a1a1e;--sm-bg-panel: #232328;--sm-bg-panel-raised: #2a2a31;--sm-border: #38383f;--sm-text: #e6e6ea;--sm-text-dim: #9a9aa2;--sm-accent: #4da3ff;--sm-accent-hover: #6cb4ff;--sm-danger: #ff6b6b;--sm-camera-tint: #3aa0ff;--sm-idf-tint: #ff9f1c;--sm-mdf-tint: #b57bff}*{box-sizing:border-box}html,body{height:100%;color:var(--sm-text);background:var(--sm-bg-app) url(/assets/background-DgsDhAN1.jpg) center center / cover no-repeat fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:var(--sm-text);background:var(--sm-bg-panel-raised);border:1px solid var(--sm-border);border-radius:4px;padding:5px 10px;cursor:pointer}button:hover:not(:disabled){background:#34343c;border-color:#45454e}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--sm-accent);border-color:var(--sm-accent);color:#0a0a0c;font-weight:600}button.primary:hover:not(:disabled){background:var(--sm-accent-hover)}button.toggled{background:var(--sm-accent);border-color:var(--sm-accent);color:#0a0a0c}input,select{font-family:inherit;font-size:inherit;color:var(--sm-text);background:var(--sm-bg-panel-raised);border:1px solid var(--sm-border);border-radius:4px;padding:4px 6px}.pdf-page-dark{filter:invert(1) hue-rotate(180deg) contrast(.9) brightness(.95)}.sm-popover{position:absolute;z-index:20;display:flex;flex-direction:column;gap:7px;padding:10px;background:var(--sm-bg-panel);border:1px solid var(--sm-border);border-radius:7px;box-shadow:0 8px 28px #0000008c;font-size:12px}.sm-dim{color:var(--sm-text-dim)}.sm-popover-header{display:flex;align-items:center;gap:6px;margin:-10px -10px 0;padding:7px 10px;border-bottom:1px solid var(--sm-border);border-radius:6px 6px 0 0;background:var(--sm-bg-panel-raised);cursor:move;-webkit-user-select:none;user-select:none}.sm-icon-btn{padding:2px 6px;font-size:11px;background:transparent;border-color:transparent}.sm-icon-btn.danger{color:var(--sm-danger)}.sm-icon-btn.danger:hover:not(:disabled){background:#ff6b6b26;border-color:var(--sm-danger)}.sm-swatch{width:20px;height:20px;padding:0;border:1px solid rgba(0,0,0,.4);border-radius:4px;outline-offset:-2px;cursor:pointer}.sm-color-input{width:26px;height:22px;padding:1px;background:var(--sm-bg-panel-raised);cursor:pointer}.sm-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding:7px 10px;background:var(--sm-bg-panel);border-bottom:1px solid var(--sm-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.sm-toolbar>*{flex-shrink:0}.sm-toolbar button{padding:5px 7px}.sm-toolbar button.icon-only{padding:5px 7px;min-width:28px;font-size:14px;line-height:1}.sm-warning-bar{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:12px;color:#ffd9a0;background:#ff9f1c24;border-bottom:1px solid rgba(255,159,28,.45)}.sm-viewport{flex:1;overflow:auto;display:flex;justify-content:safe center;align-items:safe center;padding:32px}.sm-viewport.panning{cursor:grabbing}.sm-device-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;display:inline-block}.sm-float-panel{position:fixed;top:56px;right:16px;z-index:60;width:360px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--sm-bg-panel);border:1px solid var(--sm-border);border-radius:8px;box-shadow:0 16px 44px #0009;overflow:hidden}.sm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:40px}.sm-modal{display:flex;flex-direction:column;width:min(1000px,100%);max-height:100%;background:var(--sm-bg-panel);border:1px solid var(--sm-border);border-radius:8px;box-shadow:0 20px 60px #0009;overflow:hidden}.sm-modal-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--sm-border)}.sm-modal-body{flex:1;overflow:auto}.sm-modal-foot{padding:8px 14px;font-size:12px;border-top:1px solid var(--sm-border)}.sm-table{width:100%;border-collapse:collapse;font-size:12px}.sm-table th{position:sticky;top:0;background:var(--sm-bg-panel-raised);padding:8px 10px;font-weight:600;border-bottom:1px solid var(--sm-border);white-space:nowrap}.sm-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.sm-table td:first-child{display:flex;align-items:center;gap:7px;font-weight:600}.sm-table tbody tr{cursor:pointer}.sm-table tbody tr:hover{background:var(--sm-bg-panel-raised)}.sm-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.sm-project-card{position:relative;display:flex;flex-direction:column;background:var(--sm-bg-panel);border:1px solid var(--sm-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sm-project-card:hover{transform:translateY(-2px);border-color:var(--sm-accent);box-shadow:0 10px 28px #00000059}.sm-project-thumb{position:relative;aspect-ratio:4 / 3;background:#e8e8ea;display:flex;align-items:center;justify-content:center;overflow:hidden}.sm-project-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .15s ease}.sm-project-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#98989e;font-size:28px;opacity:.6}.sm-project-card-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:4px}.sm-project-card-actions button{background:#141418a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:#ffffff26}.sm-project-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.sm-project-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-project-name-input{font-size:13px;font-weight:600;width:100%}.sm-project-updated{font-size:11px;color:var(--sm-text-dim)}.sm-project-card-new{align-items:center;justify-content:center;gap:8px;min-height:190px;border-style:dashed;color:var(--sm-text-dim)}.sm-project-card-new:hover{color:var(--sm-text)}.sm-project-card-new .sm-project-new-icon{font-size:26px;line-height:1}.sm-project-card-new .sm-project-paste{margin-top:2px;padding:4px 10px;font-size:11.5px}.sm-project-card-new:hover .sm-project-paste{border-color:var(--sm-accent);color:var(--sm-accent)}.sm-toolbar{gap:8px;background:linear-gradient(var(--sm-bg-panel-raised),var(--sm-bg-panel));border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff0b}.sm-seg{display:flex;align-items:center;gap:2px;padding:2px;background:#00000038;border-radius:7px}.sm-toolbar .sm-seg button{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;color:var(--sm-text-dim);background:none;border:1px solid transparent;border-radius:5px;white-space:nowrap}.sm-toolbar .sm-seg button:hover:not(:disabled){background:#ffffff12;border-color:transparent;color:var(--sm-text)}.sm-toolbar .sm-seg button.toggled{background:#ffffff1c;border-color:#ffffff17;color:var(--sm-text)}.sm-toolbar .sm-seg button.tool-armed,.sm-toolbar .sm-seg button.tool-armed:hover:not(:disabled){background:var(--sm-accent);border-color:var(--sm-accent);color:#0a0a0c}.sm-toolbar .sm-seg button:disabled{opacity:.35}.sm-seg-readout{padding:0 4px;color:var(--sm-text-dim);font-variant-numeric:tabular-nums}.sm-reuse-toggle{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--sm-border);border-radius:999px;color:var(--sm-text-dim);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12px}.sm-reuse-toggle input{margin:0}.sm-reuse-toggle.on{color:var(--sm-accent);border-color:#4da3ff8c;background:#4da3ff1a}:root{--sm-bg-sunken: #1e1e23;--sm-radius: 8px;--sm-radius-sm: 5px}.sm-catalog-page{display:flex;flex-direction:column;height:100%;min-height:0}.sm-catalog-body{display:flex;flex:1;min-height:0}.sm-cat-rail{width:216px;flex-shrink:0;border-right:1px solid var(--sm-border);overflow-y:auto;padding:8px}.sm-cat-rail button{display:block;width:100%;text-align:left;background:transparent;border-color:transparent;padding:7px 9px;margin-bottom:2px;border-radius:var(--sm-radius-sm)}.sm-cat-rail button:hover:not(:disabled){background:var(--sm-bg-panel-raised);border-color:transparent}.sm-cat-rail button.on{background:var(--sm-bg-panel-raised);border-color:var(--sm-border);font-weight:600}.sm-catalog-main{flex:1;min-width:0;overflow-y:auto;padding:12px;background:var(--sm-bg-sunken)}.sm-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:10px}.sm-card{display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;background:var(--sm-bg-panel);border:1px solid var(--sm-border);border-radius:var(--sm-radius);overflow:hidden;transition:border-color .12s ease,transform .12s ease}.sm-card:hover:not(:disabled){border-color:#4a4a55;background:var(--sm-bg-panel);transform:translateY(-1px)}.sm-card-body{display:flex;flex-direction:column;gap:3px;padding:8px 10px;min-width:0;flex:1}.sm-thumb{position:relative;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:#f4f4f6;overflow:hidden;flex-shrink:0}.sm-thumb img{width:100%;height:100%;object-fit:contain;padding:6px}.sm-thumb-wrap{position:relative;flex-shrink:0}.sm-card-tag{position:absolute;top:6px;left:6px;max-width:calc(100% - 12px);padding:2px 7px;border-radius:999px;font-size:9.5px;line-height:1.6;letter-spacing:.01em;background:#121216bd;color:#f2f2f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sm-thumb-empty{background:var(--sm-bg-sunken);color:#4f4f59;font-size:20px;line-height:1}.sm-thumb-lg{aspect-ratio:1 / 1;border-radius:var(--sm-radius);border:1px solid var(--sm-border)}.sm-thumb-sm{width:44px;height:44px;aspect-ratio:auto;border-radius:4px;border:1px solid var(--sm-border);font-size:15px}.sm-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:10.5px;line-height:1.6;white-space:nowrap;background:var(--sm-bg-panel-raised);border:1px solid var(--sm-border);color:var(--sm-text-dim)}.sm-chip-accent{color:var(--sm-accent);border-color:#4da3ff73;background:#4da3ff1f}.sm-chip-warn{color:#ffc061;border-color:#ffc06173;background:#ffc0611f}.sm-chip-ok{color:#5fd39a;border-color:#5fd39a66;background:#5fd39a1f}.sm-chip-row{display:flex;flex-wrap:wrap;gap:4px;min-width:0}button.sm-chip{cursor:pointer}button.sm-chip.on{color:var(--sm-accent);border-color:#4da3ff8c;background:#4da3ff24}.sm-search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.sm-search>svg{position:absolute;left:9px;width:14px;height:14px;color:var(--sm-text-dim);pointer-events:none}.sm-search>input{width:100%;padding:7px 9px 7px 29px;border-radius:var(--sm-radius-sm)}.sm-search>input:focus{outline:none;border-color:var(--sm-accent);box-shadow:0 0 0 3px #4da3ff29}.sm-result-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:6px 8px;border-radius:var(--sm-radius-sm);border:1px solid transparent;background:transparent;min-width:0}.sm-result-row:hover:not(:disabled){background:var(--sm-bg-sunken);border-color:var(--sm-border)}.sm-result-row.on{background:#4da3ff1a;border-color:#4da3ff80}.sm-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;text-align:center;color:var(--sm-text-dim);font-size:12px;background:var(--sm-bg-sunken);border:1px dashed var(--sm-border);border-radius:var(--sm-radius)}.sm-empty-icon{font-size:22px;opacity:.5}.sm-skeleton{background:linear-gradient(90deg,#26262c 25%,#2f2f37,#26262c 75%);background-size:200% 100%;animation:sm-shimmer 1.3s ease-in-out infinite;border-radius:var(--sm-radius-sm)}@keyframes sm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.sm-skeleton{animation:none}.sm-card,.sm-card:hover:not(:disabled){transition:none;transform:none}}.sm-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;text-align:center;font-size:11.5px;color:var(--sm-text-dim);background:var(--sm-bg-sunken);border:1px dashed var(--sm-border);border-radius:var(--sm-radius);cursor:pointer}.sm-dropzone.over{border-color:var(--sm-accent);background:#4da3ff14;color:var(--sm-text)}
