:root{--mint:#b9e8d8;--soft:#edf8f3;--ink:#242424;--muted:#707070;--line:#e1ebe6;--accent:#396b59}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#ffffff;color:var(--ink);font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;font-size:15px;line-height:1.7}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #343434}h1,h2,h3,p{margin:0}button{display:inline-flex;align-items:center;justify-content:center;gap:9px}header{background:#ffffffed;border-bottom:1px solid var(--line)}.header-inner{max-width:1160px;margin:auto;height:82px;padding:0 28px;gap:16px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:8px}.logo b{font-size:34px;letter-spacing:-2px;color:#548e79;line-height:1}.logo span{font-size:19px;font-weight:650;letter-spacing:1px}.logo svg{color:#5b937e;margin-left:3px}header nav{margin-left:auto;display:flex;gap:30px;font-size:14px}header nav a{display:flex;align-items:center;gap:6px}.beta{font-size:12px;background:var(--soft);color:var(--accent);border:1px solid #d5eae1;padding:2px 9px;border-radius:8px;margin-left:15px}main{max-width:1100px;margin:auto;padding:0 28px}.intro{text-align:center;padding:49px 0 29px}.eyebrow{display:inline-flex;gap:7px;align-items:center;color:#3d6c5b;background:#edf8f3;border-radius:30px;padding:5px 13px;font-size:12px;font-weight:600}h1{font-size:43px;letter-spacing:-2px;line-height:1.35;margin:16px 0 12px;font-weight:800}h1 em{font-style:normal;color:#548e79}.intro p{font-size:15px;color:var(--muted)}.mobile-break{display:none}.workspace{border:1px solid var(--line);border-radius:25px;padding:26px 30px 20px;background:white;box-shadow:0 8px 30px #24242408}.steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:25px;font-size:13px;color:#858585}.steps>span:not(.step-line){display:flex;align-items:center;gap:8px;white-space:nowrap}.steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f5f2;font-size:11px;font-style:normal;font-weight:700}.steps .active{color:#333333;font-weight:650}.steps .active i{background:var(--mint);color:#242424}.step-line{height:1px;width:52px;background:var(--line)}.upload-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:21px}.dropzone{border:2px dashed #b1d8c9;background:#f7fcfa;border-radius:18px;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;padding:32px 15px;min-height:307px}.dragging,.upload-icon{background:#edf8f3}.upload-icon{position:relative;color:#303030;width:64px;height:64px;border-radius:19px;display:grid;place-items:center;margin-bottom:17px}.file-label{position:absolute;font-size:9px;background:#343434;color:white;bottom:8px;right:6px;border-radius:3px;padding:0 4px;letter-spacing:.6px}.dropzone h2{font-size:20px;letter-spacing:-.8px;margin-bottom:4px}.dropzone p{font-size:13px;color:var(--muted)}.primary{border:1px solid #a4d7c5;background:var(--mint);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;min-height:46px;color:#242424}.primary:hover{background:#a5dcc8}.dropzone .primary{margin:19px 0 12px}.dropzone small{font-size:11px;color:#777777}.example{background:#edf8f3;border:1px solid #dceee5;border-radius:18px;padding:22px 18px;flex-direction:column;align-items:stretch}.example,.example-heading{display:flex;justify-content:space-between}.example-heading{align-items:center;font-size:13px;font-weight:600;color:#527165}.mini-plans{display:flex;align-items:center;gap:8px;margin:20px 0 16px;transform:rotate(-3deg)}.mini-plan{position:relative;flex:1 1;height:100px;border:1px solid #b6cec3;padding:18px 9px 14px;background:white;box-shadow:0 4px 10px #2424240b}.mini-plan:nth-child(2){transform:translateY(-7px)}.mini-plan b{position:absolute;top:-8px;left:6px;width:18px;height:18px;text-align:center;line-height:18px;border-radius:50%;font-size:10px;background:var(--mint);color:#242424}.plan-lines{height:100%;border:2px solid #a5a5a0;background:linear-gradient(90deg,transparent 44%,#a5a5a0 0,#a5a5a0 47%,transparent 0),linear-gradient(0deg,transparent 52%,#a5a5a0 0,#a5a5a0 55%,transparent 0)}.mini-plan span{font-size:6px;position:absolute;bottom:2px;right:7px;color:#777777}.example-result{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;color:#6a7d75}.example-result strong{background:#b9e8d8;padding:5px 10px;border-radius:7px;color:#303030}.text-button{border:0;background:transparent;color:#393939;padding:5px 0;font-size:12px}.example .text-button{margin-top:20px}.security{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#727272;margin-top:19px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:27px 0 38px}.guide article{display:flex;align-items:center;gap:13px;padding:10px 8px}.guide-icon{width:41px;height:41px;display:grid;place-items:center;background:#edf8f3;border-radius:13px;color:#598673;flex-shrink:0}.guide h3{font-size:14px;margin-bottom:3px}.guide p{font-size:12px;color:var(--muted)}footer{max-width:1044px;margin:auto;display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:22px 0;color:#808080}footer .logo b{font-size:24px}footer .logo span{font-size:13px;color:#555555}footer>span{font-size:12px}footer small{margin-left:auto;font-size:11px}.drawing-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 20px}.drawing-heading h2{font-size:20px;letter-spacing:-.5px}.drawing-heading p{font-size:12px;color:var(--muted)}.secondary{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:10px;font-size:12px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px}.preview-column{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-bottom:0;padding:8px 12px;border-radius:12px 12px 0 0;font-size:12px}.preview-toolbar span,.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar button{border:0;background:none;color:#646464;padding:5px}.preview-scroll{background-color:#f8fbfa;background-image:radial-gradient(#dce8e2 .7px,transparent 0);background-size:16px 16px;border:1px solid var(--line);border-radius:0 0 12px 12px;overflow:auto;height:330px;display:flex;align-items:center}.preview-scroll svg{flex-shrink:0}.frame{cursor:pointer}.frame rect{fill:#b9e8d810;stroke:#96b2a5;stroke-width:1.2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.frame.selected rect{fill:#b9e8d830;stroke:#529f86;stroke-width:2;stroke-dasharray:none}.frame circle{fill:#e7eeea}.frame.selected circle{fill:#b9e8d8}.frame text{fill:#242424;stroke:none;font-weight:700}.selection-bar{align-items:center;justify-content:space-between;color:#555555;padding:10px 0}.frame-list,.selection-bar{display:flex;font-size:12px}.frame-list{gap:12px;flex-wrap:wrap}.frame-list label{background:#edf8f3;border-radius:8px;padding:4px 8px}.settings{background:#edf8f3;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.settings h3{font-size:15px}.settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#666666}select{background:white;border:1px solid var(--line);padding:8px;border-radius:8px;color:var(--ink);width:100%;font-size:13px}.settings .check{flex-direction:row;align-items:center}.settings .primary{font-size:12px;padding:10px 8px}.fit{display:flex;justify-content:space-between;font-size:12px;color:#666666}.fit b{font-weight:500}input[type=checkbox]{accent-color:#488c75}.error,.notice{font-size:12px;padding:12px;border-radius:10px;margin-top:15px;background:#edf8f3;color:#517563}.error{background:#fff0ed;color:#9b4336}@media(max-width:760px){.header-inner{height:68px;padding:0 20px}header nav{gap:16px;font-size:12px}.beta{display:none}main{padding:0 18px}.intro{padding:32px 0 24px}h1{font-size:34px}.workspace{padding:20px 16px}.upload-layout{grid-template-columns:1fr}.example{display:none}.steps{gap:8px;font-size:11px}.step-line{width:20px}.guide{gap:12px;grid-template-columns:1fr;margin:18px 0}.guide article{padding:6px}.guide p{font-size:13px}.security{font-size:10px}.editor{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr}.settings h3,.settings>.primary{grid-column:1/-1}.drawing-heading{align-items:flex-start}.drawing-heading h2{font-size:18px}footer{margin:0 20px;flex-wrap:wrap}footer small{width:100%;margin:0}.mobile-break{display:initial}.example{display:flex}.mini-plans{max-width:300px;width:100%;align-self:center}.intro{padding-top:24px}}