:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: radial-gradient(circle at top, #12131c, #050607 60%)}body[data-theme=light]{--page-bg: linear-gradient(180deg, #f0f3fa, #b1c9ef)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--text-color, #f5f5f7);transition:background .35s ease,color .25s ease}#root{min-height:100vh}button,input{font:inherit}:root{--text-color: #f5f5f7;--subtext-color: #c8c8ce;--muted-text: #c0c0c7;--panel-bg: rgba(255, 255, 255, .02);--panel-border: rgba(255, 255, 255, .07);--input-bg: rgba(10, 12, 18, .8);--input-border: rgba(255, 255, 255, .1);--button-bg: rgba(255, 255, 255, .05);--button-border: rgba(255, 255, 255, .15);--status-bg: rgba(255, 255, 255, .05);--status-border: rgba(255, 255, 255, .1);--canvas-bg: radial-gradient(circle at top, rgba(255, 255, 255, .06), rgba(10, 10, 12, .9));--canvas-border: rgba(255, 255, 255, .08);--canvas-label-bg: rgba(15, 17, 24, .85);--stats-bg: rgba(255, 255, 255, .02);--stats-border: rgba(255, 255, 255, .07);--profiles-bg: rgba(255, 255, 255, .015);--slab-card-bg: rgba(8, 8, 12, .8);--slab-card-border: rgba(255, 255, 255, .08);--preview-bg: rgba(15, 15, 20, .9);--preview-border: rgba(255, 255, 255, .08);--empty-text: #7f8391}body[data-theme=light]{--text-color: #395886;--subtext-color: #628ecb;--muted-text: #8aaee0;--panel-bg: #f0f3fa;--panel-border: #d5deef;--input-bg: #d5deef;--input-border: #b1c9ef;--button-bg: rgba(98, 142, 203, .2);--button-border: #8aaee0;--status-bg: #f0f3fa;--status-border: #d5deef;--canvas-bg: radial-gradient(circle at top, #f0f3fa, #b1c9ef);--canvas-border: #8aaee0;--canvas-label-bg: rgba(240, 243, 250, .9);--stats-bg: #f0f3fa;--stats-border: #d5deef;--profiles-bg: #f0f3fa;--slab-card-bg: #ffffff;--slab-card-border: #b1c9ef;--preview-bg: #d5deef;--preview-border: #b1c9ef;--empty-text: #628ecb}.app{max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--text-color)}.theme-toggle{position:fixed;top:18px;left:18px;z-index:30}.theme-toggle button{border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-color);padding:.35rem 1rem;font-size:.9rem;cursor:pointer;transition:opacity .2s,border-color .2s}.theme-toggle button:hover{opacity:.85;border-color:#ffffff59}body[data-theme=light] .theme-toggle button:hover{border-color:#2c447780}.hero{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.hero h1{margin:0 0 .35rem;font-size:clamp(2rem,3vw,2.6rem)}.hero p{margin:0;color:var(--subtext-color)}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.file-input{position:relative;overflow:hidden;border-radius:999px;background:linear-gradient(120deg,#628ecb,#395886);color:#fff;font-weight:700;padding:.65rem 1.6rem;cursor:pointer;white-space:nowrap}.file-input input{opacity:0;position:absolute;inset:0;cursor:pointer}.thickness-input{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted-text)}.thickness-input input{border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);padding:.55rem .8rem;width:130px}.download-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.download-buttons button{border-radius:10px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-color);padding:.55rem 1rem;cursor:pointer;transition:background .2s,border-color .2s}.download-buttons button:disabled{opacity:.4;cursor:not-allowed}.download-buttons button:not(:disabled):hover{background:#ffffff1f;border-color:#ffffff59}body[data-theme=light] .download-buttons button:not(:disabled):hover{background:#091e4224;border-color:#2c447780}body[data-theme=light] .file-input{background:linear-gradient(120deg,#b1c9ef,#628ecb);color:#fff}.status,.error{padding:.75rem 1rem;border-radius:12px;background:var(--status-bg);border:1px solid var(--status-border)}.error{border-color:#ff577366;color:#ff4d6b}.viewers{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.canvas-wrapper{border-radius:18px;overflow:hidden;border:1px solid var(--canvas-border);position:relative;height:360px;background:var(--canvas-bg)}.canvas-wrapper canvas{width:100%!important;height:100%!important}.canvas-top{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;pointer-events:none}.canvas-label{background:var(--canvas-label-bg);padding:.35rem .8rem;border-radius:999px;font-size:.85rem;letter-spacing:.04em;color:var(--text-color);pointer-events:auto}.canvas-control{pointer-events:auto}.canvas-toggle{border:none;border-radius:999px;padding:.25rem .9rem;font-size:.8rem;background:#ffffff2e;color:var(--text-color);cursor:pointer;transition:opacity .2s ease}.canvas-toggle:hover{opacity:.8}body[data-theme=light] .canvas-toggle{background:#39588626;color:#395886}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;background:var(--stats-bg);border-radius:18px;border:1px solid var(--stats-border);padding:1rem 1.25rem}.stats strong{display:block;font-size:.85rem;color:var(--muted-text);margin-bottom:.25rem}.profiles{background:var(--profiles-bg);border-radius:18px;border:1px solid var(--panel-border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profiles__header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.profiles__header h2{margin:0}.profiles__header p{margin:.25rem 0 0;color:var(--subtext-color)}.empty-state{margin:0;color:var(--empty-text)}.profiles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.slab-card{border-radius:16px;border:1px solid var(--slab-card-border);padding:1rem;background:var(--slab-card-bg);display:flex;flex-direction:column;gap:.75rem}.slab-card header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.slab-card h3{margin:0;font-size:1.1rem}.slab-card p{margin:.15rem 0 0;color:var(--subtext-color);font-size:.9rem}.slab-card__preview{border-radius:12px;background:var(--preview-bg);border:1px dashed var(--preview-border);padding:.5rem;min-height:180px;display:flex;align-items:center;justify-content:center}.slab-card__preview svg{width:100%;height:180px}.slab-card__empty{color:var(--empty-text);font-size:.95rem}@media(min-width:960px){.hero{flex-direction:row;align-items:center;justify-content:space-between}.controls{justify-content:flex-end}}