@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Franklin:wght@600;700&display=swap";:root{color:#ece9e2;font-synthesis:none;background:#0e0e0d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{color:#eeeae1;background:radial-gradient(circle at 70% -10%,#2d271e 0,#0000 35%),#0d0d0c;min-width:320px;margin:0}button,input,select{font:inherit}.topbar{background:#121211;border-bottom:1px solid #302f2b;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#d1a65b;border:1px solid #9b7639;place-items:center;width:38px;height:38px;display:grid}.brand span,.eyebrow{letter-spacing:.18em;color:#9c968a;font-size:11px;font-weight:700;display:block}.brand strong{margin-top:2px;font:600 16px Libre Franklin;display:block}.proto{letter-spacing:.16em;color:#d3a24e;border:1px solid #564526;padding:8px 11px;font-size:11px}.workspace{grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 74px);display:grid}.controls{background:#151514;border-right:1px solid #302f2b;padding:22px 20px;overflow:auto}.panel-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.panel-heading span{font:600 18px Libre Franklin}.panel-heading small{color:#b99a62}fieldset{border:0;border-top:1px solid #32302b;margin:0;padding:18px 0 2px}legend{color:#d9d4ca;align-items:center;gap:8px;padding:0 10px 0 0;font-size:14px;font-weight:600;display:flex}label{color:#9f9a90;margin:13px 0 7px;font-size:13px;display:block}.segmented,.shape-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.segmented button,.shape-options button{color:#aaa49a;cursor:pointer;background:#1c1b19;border:1px solid #3a3833;padding:10px}.segmented button.active,.shape-options button.active{color:#f2e9d8;background:#2a251c;border-color:#b28842}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#eeeae1;background:#1d1c1a;border:1px solid #3b3934;width:100%;padding:10px 38px 10px 11px}.select-wrap svg{pointer-events:none;width:16px;position:absolute;top:11px;right:10px}.toggle-row{color:#d8d3ca;justify-content:space-between;align-items:center;margin:14px 0;display:flex}.toggle-row input{appearance:none;cursor:pointer;background:#373530;border-radius:20px;width:38px;height:22px;position:relative}.toggle-row input:after{content:"";background:#bcb7ae;border-radius:50%;width:16px;height:16px;transition:all .18s;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:#9a7335}.toggle-row input:checked:after{background:#fff3dc;left:19px}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.measure{background:#1d1c1a;border:1px solid #3b3934;display:flex}.measure input{color:#eeeae1;background:0 0;border:0;width:100%;min-width:0;padding:10px}.measure span{color:#8e897f;white-space:nowrap;border-left:1px solid #3b3934;align-items:center;padding:0 9px;font-size:12px;display:flex}.shape-options button{justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.shape-icon{border:2px solid;width:22px;height:20px;display:inline-block}.shape-icon.segment{border-radius:50% 50% 0 0}.main-stage{width:100%;min-width:0;max-width:1400px;margin:auto;padding:26px 30px 38px}.style-header,.drawing-head{justify-content:space-between;align-items:end;gap:18px;display:flex}.style-header h1,.drawing-head h2{margin:5px 0 0;font:600 23px Libre Franklin}.library-note{color:#888278;font-size:13px}.style-strip{grid-template-columns:repeat(6,minmax(122px,1fr));gap:10px;margin:16px 0 22px;display:grid}.style-card{text-align:left;color:#ddd7cc;cursor:pointer;background:#161614;border:1px solid #37342e;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.style-card:hover{border-color:#6f5a35}.style-card.selected{background:#211d17;border-color:#c3974a;box-shadow:inset 0 0 0 1px #c3974a}.style-card svg{flex:none;width:43px;height:50px}.style-card span{min-width:0}.style-card b{letter-spacing:.1em;color:#c89a4c;font-size:10px;display:block}.style-card strong{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:12px;display:block;overflow:hidden}.style-card small{color:#7f7a71;font-size:10px;line-height:1.2;display:block}.drawing-card{background:#151514;border:1px solid #34312c}.drawing-head{border-bottom:1px solid #34312c;padding:18px 20px}.drawing-head h2{font-size:18px}.spec-pills{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.spec-pills span{color:#bbb4a8;border:1px solid #454037;padding:6px 9px;font-size:12px}.canvas-wrap{background:radial-gradient(circle,#25231f 0,#171715 58%,#111110 100%);place-items:center;min-height:540px;padding:10px;display:grid}.canvas-wrap svg{width:100%;height:min(58vh,620px);min-height:490px}.outer-frame{fill:#141311;stroke:#d8d1c4;stroke-width:12px;stroke-linejoin:round}.frame-fill{fill:#171614}.frame-line{stroke:#a9a194;stroke-width:4px}.frame-line.heavy{stroke-width:10px}.opening{fill:#202829;stroke:#514d45;stroke-width:2px}.kick{fill:#26231e;stroke:#75664d;stroke-width:2px}.dim{stroke:#79736a;stroke-width:1px}.dim-text{fill:#aaa49a;letter-spacing:.08em;font-size:12px}.drawing-footer{border-top:1px solid #34312c;grid-template-columns:repeat(4,1fr);display:grid}.drawing-footer div{border-right:1px solid #34312c;min-width:0;padding:13px 16px}.drawing-footer div:last-child{border:0}.drawing-footer span{letter-spacing:.15em;color:#777168;font-size:9px;display:block}.drawing-footer b{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.style-card:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #e0ae55}@media (width<=1050px){.workspace{grid-template-columns:280px minmax(0,1fr)}.style-strip{grid-template-columns:repeat(3,1fr)}.style-card:nth-child(n+4){display:none}.drawing-footer{grid-template-columns:repeat(2,1fr)}.drawing-footer div:nth-child(2){border-right:0}}@media (width<=760px){.topbar{padding:0 16px}.workspace{display:block}.controls{border-bottom:1px solid #302f2b;border-right:0}.main-stage{padding:20px 14px}.style-strip{display:flex;overflow-x:auto}.style-card{min-width:158px}.style-card:nth-child(n){display:flex}.drawing-head{flex-direction:column;align-items:flex-start}.canvas-wrap{min-height:420px}.canvas-wrap svg{height:auto;min-height:380px}.drawing-footer{grid-template-columns:1fr}.drawing-footer div{border-bottom:1px solid #34312c;border-right:0}}.field-help{color:#777168;margin-top:6px;font-size:11px;display:block}.break-guide{stroke:#b68b45;stroke-width:1px;stroke-dasharray:5 5;opacity:.75}.break-text{fill:#d0a45a;letter-spacing:.08em;font-size:10px}.panel-inset{fill:#1b1916;stroke:#9b8a6e;stroke-width:2px}.panel-inset-inner{fill:none;stroke:#514a3e;stroke-width:1px}.header-actions{align-items:center;gap:10px;display:flex}.header-actions>button,.primary-action{color:#f1e5d0;cursor:pointer;background:#2a251c;border:1px solid #9a7335;justify-content:center;align-items:center;gap:8px;padding:9px 12px;display:flex}.text-input{color:#eeeae1;background:#1d1c1a;border:1px solid #3b3934;width:100%;margin-top:7px;padding:10px;display:block}.primary-action{color:#fff8eb;background:#9a7335;width:100%;margin:10px 0 4px}.saved-list{gap:6px;max-height:210px;margin-top:12px;display:grid;overflow:auto}.saved-door{background:#1b1a18;border:1px solid #37342f;grid-template-columns:1fr 38px;display:grid}.saved-door-main,.delete-door{color:#ddd7cc;text-align:left;cursor:pointer;background:0 0;border:0;padding:9px}.saved-door-main strong,.saved-door-main small{display:block}.saved-door-main small{color:#8e897f;margin-top:3px;font-size:11px}.delete-door{color:#8e897f;border-left:1px solid #37342f;place-items:center;display:grid}.delete-door:hover{color:#e69b88}.door-file{padding-bottom:16px}.signed-in-user{color:#918a7f;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.login-screen{z-index:100;background:radial-gradient(circle at 50% 20%,#30291f,#0d0d0c 58%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{background:#171614;border:1px solid #494238;width:min(420px,100%);padding:34px}.login-card .brand-mark{margin-bottom:20px}.login-card h1{margin:7px 0;font:600 24px Libre Franklin}.login-card p{color:#999287;margin:0 0 22px}.login-error{color:#e69b88;margin-top:10px;font-size:13px}@media print{@page{size:landscape;margin:.35in}body{color:#111;background:#fff}.topbar{color:#111;background:#fff;border-color:#aaa}.brand-mark{color:#111;border-color:#111}.brand span{color:#555}.controls,.style-header,.style-strip,.header-actions>button,.proto{display:none!important}.workspace{min-height:0;display:block}.main-stage{max-width:none;padding:18px}.drawing-card{background:#fff;border-color:#777}.drawing-head{border-color:#aaa}.drawing-head .eyebrow,.drawing-head h2,.spec-pills span{color:#111}.spec-pills span{border-color:#777}.canvas-wrap{background:#fff;min-height:0}.canvas-wrap svg{height:6.6in;min-height:0}.outer-frame{fill:#f5f5f5;stroke:#111}.frame-fill{fill:#eee}.opening{fill:#fff}.kick{fill:#ddd}.drawing-footer,.drawing-footer div{border-color:#aaa}.drawing-footer span{color:#555}.drawing-footer b{color:#111}}