:root{color-scheme:light;--ink:#23231f;--muted:#747066;--paper:#f3efe5;--canvas:#e3ddcf;--line:#c8c0ae}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Avenir Next,Gill Sans,sans-serif}a{color:inherit}button,input{font:inherit}button{color:inherit}.planner-shell{min-height:100vh;background:radial-gradient(circle at 70% 0,hsla(0,0%,100%,.8),transparent 38rem),var(--paper)}.planner-header{min-height:88px;display:grid;grid-template-columns:180px 1fr auto auto;align-items:center;grid-gap:24px;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}.brand{width:-moz-fit-content;width:fit-content;font:italic 28px Georgia,serif;text-decoration:none}.room-title-wrap{display:flex;flex-direction:column;align-items:center}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.room-title{max-width:420px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);font:24px Georgia,serif;text-align:center}.room-title:focus{border-bottom-color:var(--line);outline:none}.save-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.save-dot{width:7px;height:7px;border:1px solid var(--muted);border-radius:50%}.save-dot.is-saved{border-color:#50735f;background:#50735f}.planner-workspace{min-height:calc(100vh - 88px);display:grid;grid-template-columns:290px 1fr}.planner-sidebar{max-height:calc(100vh - 88px);display:flex;flex-direction:column;gap:28px;overflow-y:auto;padding:30px 24px;border-right:1px solid var(--line);background:hsla(44,48%,95%,.7)}.floor-tabs,.view-switch{display:flex;flex-wrap:wrap;gap:5px}.floor-tabs button,.option-form button,.option-row button,.option-row select,.view-switch button{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:transparent;font:inherit;font-size:11px;cursor:pointer}.floor-tabs button.is-active,.view-switch button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.floor-tabs,.option-form{margin-top:10px}.option-form{display:flex;gap:5px}.option-form input{min-width:0;flex:1 1;border:1px solid var(--line);padding:8px;background:hsla(0,0%,100%,.65)}.option-list{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.option-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:4px;gap:4px}.option-row>button:first-child{border-radius:5px;text-align:left}.option-row small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.history-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:8px 2px;background:transparent;text-align:left;cursor:pointer}.history-row small,.history-row strong{display:block}.history-row strong{font-size:11px}.history-row small{margin-top:3px;color:var(--muted);font-size:9px}.surface-colors{display:flex;gap:18px;margin-top:10px}.surface-colors label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.surface-colors input{width:28px;height:24px;border:1px solid var(--line);padding:0;background:transparent}.opening-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-top:10px}.opening-form button,.opening-form input,.opening-form select{min-width:0;border:1px solid var(--line);padding:7px;background:hsla(0,0%,100%,.65);font:inherit;font-size:10px}.opening-list{display:grid;grid-gap:4px;gap:4px;margin-top:8px}.opening-list>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:capitalize}.opening-list button{border:0;background:transparent;cursor:pointer}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.dimension-grid label{color:var(--muted);font-size:11px}.dimension-grid label>span{display:flex;align-items:baseline;gap:4px;margin-top:5px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:hsla(0,0%,100%,.6)}.dimension-grid input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-weight:600}.room-meta{margin:9px 0 0;color:var(--muted);font-size:11px}.catalog-list{display:grid;grid-gap:7px;gap:7px;margin-top:12px}.catalog-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.catalog-item:focus-visible,.catalog-item:hover{border-color:var(--line);background:hsla(0,0%,100%,.7);outline:none}.catalog-swatch{width:28px;height:22px;border:1px solid rgba(35,35,31,.18);border-radius:3px}.catalog-item small,.catalog-item strong{display:block}.catalog-item strong{font-size:13px;font-weight:600}.catalog-item small{margin-top:2px;color:var(--muted);font-size:10px}.add-mark{color:var(--muted);font-size:19px;font-weight:300}.selection-tools{margin-top:auto}.tool-row{display:flex;gap:8px;margin-top:10px}.tool-row button{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:11px;cursor:pointer}.tool-row button:disabled{cursor:default;opacity:.35}.canvas-panel{min-width:0;padding:22px 30px 36px}.canvas-toolbar{display:flex;justify-content:space-between;margin-bottom:22px;color:var(--muted);font-size:11px;letter-spacing:.03em}.plan-frame{height:calc(100vh - 165px);display:grid;place-items:center;overflow:hidden}.house-canvas{height:calc(100vh - 165px);min-height:480px;overflow:hidden;border:1px solid var(--line);background:#eee8dc;box-shadow:0 22px 55px rgba(63,57,45,.12)}.room-plan{position:relative;width:min(78%,900px);max-height:82%;border:8px solid var(--ink);background-color:var(--canvas);background-image:linear-gradient(rgba(73,70,63,.12) 1px,transparent 0),linear-gradient(90deg,rgba(73,70,63,.12) 1px,transparent 0);background-size:3.33% 3.33%;box-shadow:0 22px 55px rgba(63,57,45,.16);touch-action:none}.dimension{position:absolute;z-index:2;padding:3px 7px;background:var(--paper);color:var(--muted);font-size:10px;letter-spacing:.08em}.dimension-width{top:-28px;left:50%;transform:translateX(-50%)}.dimension-depth{top:50%;right:-42px;transform:rotate(90deg) translateX(50%)}.empty-plan{position:absolute;inset:0;display:grid;place-content:center;grid-gap:5px;gap:5px;color:var(--muted);text-align:center;pointer-events:none}.empty-plan strong{color:var(--ink);font:400 19px Georgia,serif}.empty-plan span{font-size:11px}.placement{position:absolute;display:grid;place-items:center;min-width:36px;min-height:28px;padding:4px;border:1px solid rgba(35,35,31,.45);border-radius:4px;box-shadow:0 4px 10px rgba(35,35,31,.16);color:#fffaf1;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.placement:active{cursor:-webkit-grabbing;cursor:grabbing}.placement.is-selected{outline:2px solid var(--ink);outline-offset:3px}.placement span{overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}@media (max-width:760px){.planner-header{grid-template-columns:auto 1fr;min-height:76px;padding:13px 16px}.brand{font-size:24px}.room-title-wrap{align-items:flex-end}.room-title{width:100%;font-size:18px;text-align:right}.save-state{display:none}.view-switch{grid-column:1/-1}.planner-workspace{display:flex;flex-direction:column-reverse}.planner-sidebar{max-height:none;border-top:1px solid var(--line);border-right:0;padding:22px 16px 30px}.selection-tools{margin-top:0}.canvas-panel{padding:16px 22px 24px}.plan-frame{height:55vh}.house-canvas{height:55vh;min-height:360px}.room-plan{width:88%}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(320px,520px) 1fr;align-items:center;grid-gap:7vw;gap:7vw;padding:36px 5vw;background:radial-gradient(circle at 65% 35%,#fffdf6 0,transparent 30rem),linear-gradient(115deg,#d9d1c1 0 42%,var(--paper) 42%)}.auth-brand{position:absolute;top:28px;left:34px}.auth-card{grid-column:2;padding:52px;border:1px solid rgba(89,80,65,.2);background:hsla(45,55%,96%,.88);box-shadow:0 32px 90px rgba(64,56,43,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h1{margin:18px 0 20px;font:400 clamp(38px,5vw,64px)/.98 Georgia,serif;letter-spacing:-.045em}.auth-card>p{max-width:420px;margin:0 0 36px;color:var(--muted);font-size:15px;line-height:1.6}.auth-card form{display:grid;grid-gap:10px;gap:10px}.auth-card label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-card input{width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--ink);outline:0;background:transparent;font:21px Georgia,serif}.auth-card input::placeholder{color:#aaa295}.auth-card form button{display:flex;justify-content:space-between;margin-top:12px;padding:15px 17px;border:1px solid var(--ink);background:var(--ink);color:#fffaf1;cursor:pointer}.auth-card form button:focus-visible,.auth-card form button:hover{background:var(--accent);border-color:var(--accent);outline:none}.auth-card small{display:block;margin-top:20px;color:var(--muted);font-size:10px;line-height:1.5}.auth-aside{grid-column:3;margin:0;color:#6f695e;font:italic 20px/1.45 Georgia,serif}@media (max-width:760px){.auth-shell{display:flex;padding:88px 18px 28px;background:linear-gradient(160deg,#d9d1c1 0 22%,var(--paper) 55%)}.auth-brand{top:22px;left:20px}.auth-card{width:100%;padding:36px 26px}.auth-aside{display:none}}