@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1f4af8e6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.e20f337c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_93318f68-module__MOAP6q__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_93318f68-module__MOAP6q__variable{--font-sora:"Sora","Sora Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f7f9fb;--surface-strong:#eef2f6;--ink:#0f172a;--ink-muted:#4b5563;--nav-height:64px;--nav-border:#d7deef;--nav-bg:#ffffffdb}*{box-sizing:border-box}html,body{color:var(--ink);background:radial-gradient(circle at top,#eef3ff 0%,#e8edf7 42%,#e1e7f1 100%);margin:0;padding:0}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{z-index:10;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;display:flex;position:sticky;top:0}.top-nav__inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1180px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:.02em;color:#111f5f;font-weight:600}.top-nav__links{align-items:center;gap:12px;display:flex}.top-nav__link{color:#1b2f8a;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-weight:500;transition:all .2s}.top-nav__link:hover{background:#f3f6ff;border-color:#d6def8}main{flex:1}.container{min-height:calc(100vh - var(--nav-height));align-content:start;gap:32px;max-width:1100px;margin:0 auto;padding:72px 24px 96px;display:grid}.hero{background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);border-color:#e1e7ee;max-width:720px}.dxf-shell{width:min(100%,1800px);margin:0 auto;padding:32px 14px 48px;overflow-x:hidden}.dxf-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(320px,.9fr);align-items:stretch;gap:24px;min-width:0;display:grid}.dxf-panel{background:linear-gradient(160deg,#fff 0%,#f8faff 100%);border:1px solid #d9e1f0;border-radius:22px;min-width:0;box-shadow:0 20px 60px #0f1f5f14}.dxf-panel--left,.dxf-panel--center,.dxf-panel--right{min-width:0}.sidebar{height:clamp(680px,80vh,980px);max-height:calc(100vh - var(--nav-height) - 96px);flex-direction:column;display:flex;overflow:hidden}.sidebar__header{letter-spacing:.02em;color:#111f5f;z-index:1;background:linear-gradient(#fff 0%,#f5f8ff 100%);border-bottom:1px solid #e2e8f5;padding:18px 20px 12px;font-weight:600;position:sticky;top:0}.file-list{flex-direction:column;flex:1;align-items:stretch;gap:10px;min-height:0;padding:12px 16px 16px;display:flex;overflow-y:auto}.file-item{color:#1a2d73;text-align:left;cursor:pointer;width:100%;height:52px;min-height:52px;font-weight:500;font:inherit;background:#f4f7ff;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.file-item:hover{background:#eef2ff;border-color:#c8d6ff}.file-item--active{background:#e6edff;border-color:#8aa7ff;box-shadow:inset 0 0 0 1px #5884ff59}.file-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;overflow:hidden}.file-item__remove{color:#1b2f8a;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem;transition:opacity .2s}.file-item__remove:hover{opacity:1}.upload-zone{background:#f7f9ff;border-top:1px solid #e2e8f5;gap:12px;padding:16px;display:grid}.upload-drop{text-align:center;color:#1a2d73;background:#eaf0ffb3;border:1px dashed #9fb4ff;border-radius:16px;padding:16px;transition:all .2s}.upload-drop.is-dragging{background:#c8d7ffe6;border-color:#476cf2}.preview-panel{height:clamp(680px,80vh,980px);max-height:calc(100vh - var(--nav-height) - 96px);flex-direction:column;gap:16px;padding:18px;display:flex}.preview-canvas{background:#f7f9ff;border:1px solid #d7def2;border-radius:18px;flex:1;width:100%}.preview-placeholder{color:#6071a6;text-align:center;place-items:center;height:100%;padding:32px;display:grid}.details-panel{height:clamp(680px,80vh,980px);max-height:calc(100vh - var(--nav-height) - 96px);flex-direction:column;gap:12px;min-width:0;max-width:100%;padding:18px 20px 22px;display:flex;overflow:visible}.details-panel>*{min-width:0}.details-title{color:#111f5f;font-weight:600}.details-name{box-sizing:border-box;color:#1a2d73;text-overflow:ellipsis;white-space:nowrap;background:#eef2ff;border:1px solid #d1dcff;border-radius:14px;width:100%;padding:12px 14px;font-weight:500;overflow:hidden}.details-dimensions{box-sizing:border-box;background:#f6f8ff;border:1px solid #d9e3ff;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:12px 14px;display:grid}.details-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;box-sizing:border-box;contain:inline-size;justify-self:stretch;width:100%;min-width:0;max-width:100%;padding-bottom:6px;display:block;overflow:scroll hidden}.details-table{align-items:center;gap:8px;width:max-content;min-width:max-content;max-width:none;display:inline-grid}.details-header{text-transform:uppercase;letter-spacing:.04em;color:#5c6aa3;padding:6px 8px;font-size:.75rem;font-weight:600}.details-row{display:contents}.details-cell{background:#f4f7ff;border:1px solid #e1e8ff;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.details-color-cell{justify-content:flex-start;gap:8px}.details-swatch{border:1px solid #00000014;border-radius:50%;width:12px;height:12px}.details-radio-cell{cursor:pointer;justify-content:center;position:relative}.details-radio-cell input{opacity:0;pointer-events:none;position:absolute}.details-radio-dot{border:2px solid #9fb4ff;border-radius:50%;width:16px;height:16px;transition:border-color .2s,background .2s;display:inline-block;position:relative}.details-radio-cell input:checked+.details-radio-dot{background:radial-gradient(circle,#2f54d4 45%,#0000 46%);border-color:#2f54d4}.details-radio-cell:hover .details-radio-dot{border-color:#476cf2}.details-warning{color:#7a4b00;background:#fff4e5;border:1px solid #ffd6a1;border-radius:14px;gap:6px;padding:12px 14px;display:grid}@media (max-width:640px){.hero{max-width:100%}.top-nav__inner{padding:0 16px}.dxf-shell{padding:24px 16px 40px}.dxf-grid{grid-template-columns:1fr}.sidebar,.preview-panel,.details-panel{height:auto;min-height:auto;max-height:none}}@media (max-width:1200px){.dxf-grid{grid-template-columns:1fr}.dxf-panel--left,.dxf-panel--center,.dxf-panel--right{min-width:0}}