: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);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}