:root{color-scheme:light;--ink:#23231f;--muted:#747066;--paper:#f3efe5;--canvas:#faf9f5;--line:#d8d3ca;--panel:hsla(0,0%,100%,.78);--panel-solid:#fffefa;--field:hsla(0,0%,100%,.72);--dot:rgba(35,35,31,.11);--shadow:rgba(58,51,40,.1);--accent:#557148;--danger:#c93428}*{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}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.planner-shell{min-height:100vh;background-color:var(--canvas);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:20px 20px}.planner-header{position:relative;z-index:5;min-height:74px;display:grid;grid-template-columns:110px minmax(220px,1fr) auto auto;align-items:center;grid-gap:18px;gap:18px;padding:12px 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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:flex-start}.room-title-wrap .eyebrow{display:none}.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:17px Georgia,serif;text-align:left}.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 - 74px);display:grid;grid-template-columns:310px 1fr}.planner-sidebar{max-height:calc(100vh - 122px);display:flex;flex-direction:column;gap:26px;overflow-y:auto;margin:28px 0 20px 22px;padding:22px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 40px var(--shadow)}.view-switch{position:fixed;z-index:8;top:17px;left:50%;flex-wrap:nowrap;gap:0;transform:translateX(-50%)}.view-switch button{min-width:104px;border-radius:8px;padding:10px 18px}.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:var(--field)}.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:var(--field);color:var(--ink);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:var(--field)}.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:var(--field)}.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{position:fixed;z-index:7;top:114px;right:24px;width:268px;max-height:calc(100vh - 140px);overflow-y:auto;margin:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 40px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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 24px 28px 28px}.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 - 142px);min-height:480px;overflow:hidden;background:transparent}.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.has-warning{box-shadow:inset 0 0 0 2px #d65d35}.placement span{overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.placement-fields{margin-top:.75rem}.placement-warning{margin:.45rem 0 0;color:var(--danger);font-size:.76rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#f2ede3;--muted:#aaa69d;--paper:#141613;--canvas:#131512;--line:#41433d;--panel:rgba(27,29,25,.82);--panel-solid:#171915;--field:rgba(31,33,29,.8);--dot:hsla(39,33%,90%,.1);--shadow:rgba(0,0,0,.35);--accent:#8daf75;--danger:#ff5148}.planner-header{background:rgba(19,21,18,.9)}.catalog-swatch{border-color:hsla(0,0%,100%,.16)}.room-plan{border-color:#bdb7ac}.placement{border-color:hsla(0,0%,100%,.5)}.auth-shell{background:radial-gradient(circle at 65% 35%,#292c26 0,transparent 30rem),linear-gradient(115deg,#20231e 0 42%,var(--paper) 42%)}.auth-card{border-color:var(--line);background:var(--panel)}}@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}.planner-workspace{display:flex;flex-direction:column-reverse}.planner-sidebar{max-height:none;margin:0;border-right:0;border-radius:0;padding:22px 16px 30px}.selection-tools{position:static;width:auto;max-height:none;padding:0;border:0;background:transparent;box-shadow:none}.view-switch{position:static;grid-column:1/-1;transform:none}.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}}