:root{color:#e9ecef;font-synthesis:none;text-rendering:optimizelegibility;--surface:#151a1d;--surface-raised:#1b2125;--surface-soft:#20272b;--line:#30383d;--muted:#9ba5ab;--accent:#f1a94b;--accent-strong:#ffc36f;--danger:#ff8e88;--radius:18px;background:#0d1113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0d1113;min-width:320px}body{background:radial-gradient(circle at 80% 0,#f1a94b1a,#0000 28rem),linear-gradient(#0d1113 0%,#101518 55%,#0d1113 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{width:min(1500px,100% - 36px);margin:0 auto}.site-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#17120c;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;box-shadow:0 8px 30px #f1a94b33}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{letter-spacing:.08em;font-size:15px}.brand small{color:var(--muted);margin-top:5px;font-size:12px}.privacy-chip{border:1px solid var(--line);color:#cbd2d6;background:#151a1dc7;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;display:inline-flex}.privacy-dot{background:#61d58a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #61d58a1a}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;padding:70px 0 50px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.17em;margin:0 0 14px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98}.hero-copy{color:#adb7bd;max-width:800px;margin:25px 0 0;font-size:17px;line-height:1.65}.hero-badge{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1c2226,#14191c);min-width:210px;padding:22px}.hero-badge strong,.hero-badge span{display:block}.hero-badge strong{font-size:28px}.hero-badge span{color:var(--muted);margin-top:7px;font-size:13px}.workspace{grid-template-columns:minmax(340px,450px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.controls-panel,.preview-panel{border:1px solid var(--line);background:#151a1df0;border-radius:22px;box-shadow:0 20px 70px #00000038}.controls-panel{padding:24px}.preview-panel{min-height:730px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-heading span:not(.step-number){color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.panel-heading h2{letter-spacing:-.025em;margin:6px 0 0;font-size:24px}.step-number{color:var(--accent);letter-spacing:.12em;font-size:13px;font-weight:800}.upload-zone{text-align:center;cursor:pointer;background:#111619;border:1px dashed #49545b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:132px;padding:20px;transition:border-color .16s,background .16s;display:flex}.upload-zone:hover{border-color:var(--accent);background:#171b1c}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{width:34px;height:34px;color:var(--accent);background:#f1a94b21;border-radius:50%;place-items:center;margin-bottom:10px;font-size:24px;display:grid}.upload-zone strong{font-size:15px}.upload-zone small{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.45}.source-card{border:1px solid var(--line);background:#111619;border-radius:12px;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:10px;display:grid}.source-card img{object-fit:cover;border-radius:8px;width:60px;height:50px}.source-card div{min-width:0}.source-card strong,.source-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-card strong{font-size:13px}.source-card span{color:var(--muted);margin-top:5px;font-size:11px}.control-group{border:0;margin:25px 0 0;padding:0}.control-group legend{color:#d9dfe2;width:100%;margin-bottom:12px;font-size:12px;font-weight:750}.shape-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shape-option{border:1px solid var(--line);cursor:pointer;background:#111619;border-radius:12px;flex-direction:column;justify-content:center;min-height:76px;padding:12px;display:flex}.shape-option input{opacity:0;pointer-events:none;position:absolute}.shape-option strong{font-size:13px}.shape-option small{color:var(--muted);margin-top:5px;font-size:10px}.shape-option.selected{border-color:var(--accent);background:#f1a94b17;box-shadow:inset 0 0 0 1px #f1a94b29}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-grid label>span,.export-row label>span{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.number-field{border:1px solid var(--line);background:#101518;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.number-field:focus-within{border-color:var(--accent)}.number-field input,.export-row input{color:#f2f4f5;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:11px 12px}.number-field input:disabled{color:#8e979c}.number-field em{color:#768087;padding-right:11px;font-size:10px;font-style:normal}.toggle-row{color:#bdc5ca;align-items:center;gap:10px;margin-top:13px;font-size:12px;display:flex}.toggle-row input{width:16px;height:16px;accent-color:var(--accent)}.range-field{margin-top:15px;display:block}.range-field>span{color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:8px;font-size:11px;display:flex}.range-field strong{color:#e7eaec}.range-field input{width:100%;accent-color:var(--accent)}.dimension-note,.field-help{color:#7f8a90;font-size:10px;line-height:1.5}.dimension-note{margin-top:10px}.field-help{margin:11px 0 0}.advanced-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.advanced-panel summary{color:#dbe0e3;cursor:pointer;padding:15px 0;font-size:12px;font-weight:700}.advanced-content{padding:0 0 18px}.primary-button,.export-button{background:var(--accent);color:#17120b;border:0;border-radius:11px;font-weight:850;box-shadow:0 10px 30px #f1a94b29}.primary-button{width:100%;margin-top:22px;padding:14px 18px}.primary-button:hover:not(:disabled),.export-button:hover{background:var(--accent-strong)}.status-message{color:var(--muted);margin:13px 2px 0;font-size:10px;line-height:1.45}.error-message{color:var(--danger);background:#ff8e8814;border:1px solid #ff8e8859;border-radius:10px;margin-top:13px;padding:11px 12px;font-size:11px;line-height:1.5}.preview-heading{border-bottom:1px solid var(--line);align-items:center;margin:0;padding:23px 24px}.view-toggle{border:1px solid var(--line);background:#101518;border-radius:10px;padding:3px;display:inline-flex}.view-toggle button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:11px}.view-toggle button.active{color:#fff;background:#2b3338}.preview-canvas{background:radial-gradient(circle,#ffffff0a,#0000 38%),#0b0f11;width:100%;height:535px;position:relative;overflow:hidden}.three-host{position:absolute;inset:0}.preview-canvas canvas{width:100%;height:100%;display:block}.preview-placeholder{z-index:1;color:#c8cfd3;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.placeholder-mark{width:76px;height:92px;color:var(--accent);background:linear-gradient(145deg,#ffffff14,#0000),#171d20;border:1px solid #414b51;border-radius:8px;place-items:center;margin-bottom:20px;font-family:Georgia,serif;font-size:38px;display:grid;transform:perspective(300px)rotateY(-14deg);box-shadow:12px 14px 30px #00000047}.preview-placeholder strong{font-size:16px}.preview-placeholder span{color:#788289;max-width:360px;margin-top:8px;font-size:12px;line-height:1.5}.preview-footer{border-top:1px solid #242b2f;border-bottom:1px solid var(--line);color:#727d83;background:#101518;justify-content:center;gap:25px;padding:10px 20px;font-size:10px;display:flex}.result-area{padding:20px 24px 24px}.processed-card{border:1px solid var(--line);background:#111619;border-radius:12px;grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:grid}.processed-card strong,.processed-card span{display:block}.processed-card strong{margin-top:6px;font-size:14px}.result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.processed-card img{object-fit:cover;background:#fff;border-radius:7px;width:118px;height:68px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.stats-grid>div{border:1px solid var(--line);background:#111619;border-radius:10px;padding:12px}.stats-grid span,.stats-grid strong{display:block}.stats-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.stats-grid strong{margin-top:6px;font-size:13px}.export-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.export-row input{border:1px solid var(--line);background:#101518;border-radius:10px}.export-row input:focus{border-color:var(--accent)}.export-button{min-height:42px;padding:0 17px}.print-guidance{border:1px solid var(--line);background:linear-gradient(145deg,#191f22,#121719);border-radius:22px;margin:22px 0 60px;padding:28px}.print-guidance>div:first-child{align-items:flex-start;gap:20px;display:flex}.print-guidance h2{letter-spacing:-.03em;margin:0;font-size:25px}.guidance-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:25px;display:grid}.guidance-grid>div{border-left:2px solid var(--accent);background:#ffffff06;padding:14px}.guidance-grid span,.guidance-grid strong{display:block}.guidance-grid span{color:var(--muted);font-size:10px}.guidance-grid strong{margin-top:6px;font-size:12px}footer{color:#6f797f;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;min-height:70px;font-size:11px;display:flex}@media (max-width:1080px){.workspace{grid-template-columns:390px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:25px}.hero-badge{width:-moz-fit-content;width:fit-content}.workspace{grid-template-columns:1fr}.controls-panel{order:1}.preview-panel{order:2}}@media (max-width:580px){.app-shell{width:min(100% - 20px,1500px)}.site-header{min-height:72px}.privacy-chip{display:none}.hero{padding:45px 0 34px}.hero h1{font-size:43px}.controls-panel{padding:17px}.preview-heading{align-items:flex-start;padding:18px}.preview-canvas{height:420px}.shape-options,.field-grid,.export-row{grid-template-columns:1fr}.preview-footer{flex-wrap:wrap;gap:12px}.result-area{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.processed-card{grid-template-columns:minmax(0,1fr) 90px}.processed-card img{width:90px}.guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}}