:root{--paper:#f8f5f0;--surface:#fffdfa;--ink:#302b2a;--muted:#817571;--line:#e8ded7;--pink:#f3cdd8;--pink-strong:#b76782;--pink-soft:#fbedef;--sage:#799286;--shadow:0 12px 36px #5e3e3420;--header:82px;--sidebar:316px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ca90a6;outline-offset:3px}button,input,select{touch-action:manipulation}a{color:#976278}button{color:inherit}button[hidden],[hidden]{display:none!important}
.app-header{height:var(--header);display:flex;align-items:center;gap:26px;padding:0 25px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-width:240px;font-size:21px;font-weight:650;letter-spacing:-.7px}.brand-by{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:450;letter-spacing:.1em}.blossom{width:37px;height:37px;position:relative;display:inline-block}.blossom i{width:19px;height:23px;background:#e6a9bd;border-radius:65% 65% 45% 45%;position:absolute;left:9px;top:0;transform-origin:50% 82%}.blossom i:nth-child(2){transform:rotate(72deg)}.blossom i:nth-child(3){transform:rotate(144deg)}.blossom i:nth-child(4){transform:rotate(216deg)}.blossom i:nth-child(5){transform:rotate(288deg)}.blossom:after{content:"";width:7px;height:7px;background:#fff0bc;border-radius:50%;position:absolute;left:15px;top:16px}.project-heading{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.project-heading input{width:min(100%,350px);border:0;background:transparent;padding:0;color:var(--ink);font-size:15px;font-weight:550}.save-state{font-size:11px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.history-buttons{display:flex;gap:2px;padding-right:12px;border-right:1px solid var(--line)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:0;background:transparent;border-radius:9px;font-size:22px;line-height:1}.icon-button:hover:not(:disabled){background:var(--pink-soft)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 15px;min-height:39px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--ink);color:white}.button-primary:hover:not(:disabled){background:#51403f}.button-subtle{background:var(--surface);border-color:var(--line)}.button-subtle:hover{background:var(--pink-soft)}.button-pink{background:var(--pink-soft);color:#915770;border-color:#f1d8e1}.button-pink:hover{background:#f5dce5}.file-menu{position:relative}.dropdown{position:absolute;right:0;top:48px;width:240px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:7px;z-index:50}.dropdown button{display:block;width:100%;text-align:left;border:0;padding:12px;border-radius:7px;background:transparent;font-size:12px}.dropdown button:hover{background:var(--pink-soft)}.dropdown hr{border:0;border-top:1px solid var(--line);margin:5px}
.app-body{display:flex;height:calc(100dvh - var(--header))}.sidebar{width:var(--sidebar);flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);z-index:15;min-height:0}.sidebar-intro{padding:27px 21px 21px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:650;color:#b07786}.sidebar-intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.7px;font-size:28px;line-height:1.1;margin:10px 0 12px;max-width:250px}.sidebar-intro p{font-size:12px;line-height:1.65;color:var(--muted);margin:0;max-width:260px}.sidebar-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--line);gap:24px}.sidebar-tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;font-size:12px;font-weight:550;background:transparent;color:var(--muted)}.sidebar-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--pink-strong)}.sidebar-tabs span{display:inline-flex;background:#f1eae4;min-width:21px;height:18px;border-radius:8px;align-items:center;justify-content:center;font-size:10px;margin-left:4px}#catalogPanel,#villagePanel{overflow:auto;min-height:0;flex:1;padding:18px 17px;scrollbar-width:thin;scrollbar-color:#e4d5d0 transparent}.search-field{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fcfaf7;height:39px;color:#9f8c87}.search-field>span{font-size:24px}.search-field input{border:0;min-width:0;flex:1;background:transparent;outline-offset:4px;font-size:11px;color:var(--ink)}.search-field input::placeholder{color:#aa9a94}.categories{display:flex;gap:5px;flex-wrap:wrap;padding:14px 0 16px}.categories button{border:1px solid transparent;border-radius:20px;font-size:10px;padding:6px 9px;background:transparent;color:var(--muted)}.categories button:hover{background:#f8eeeb}.categories button.active{background:var(--pink-soft);color:#9a5b73;border-color:#eed2db}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.catalog-card{position:relative;min-width:0;background:var(--surface);border:1px solid var(--line);padding:0 0 11px;overflow:hidden;border-radius:13px;text-align:left;transition:border .15s,box-shadow .15s,transform .15s}.catalog-card:hover{transform:translateY(-2px);border-color:#d4a5b5;box-shadow:0 5px 16px #7b4e4210}.catalog-card:active{transform:translateY(0)}.card-image{height:108px;background:radial-gradient(ellipse at 50% 90%,#eee0d7 0,transparent 70%),#faf5ef;display:block;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;display:block}.card-image .thumb-placeholder{font-family:Georgia,serif;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#dfb7c3}.card-plus{position:absolute;right:7px;top:7px;background:#fffdfaeb;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;color:#a1637b;border:1px solid #efdde3}.card-name{display:block;font-size:11px;font-weight:600;padding:10px 10px 5px;line-height:1.35}.card-size{display:block;padding:0 10px;font-size:9px;color:var(--muted)}.card-count{position:absolute;left:7px;top:7px;border-radius:7px;background:var(--ink);color:white;min-width:20px;padding:4px;text-align:center;font-size:9px}.sidebar-footer{border-top:1px solid var(--line);padding:13px 18px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.tiny-blossom{font-size:18px;color:#c48da2}.sidebar-footer button{margin-left:23px;border:0;background:transparent;padding:0;color:#9c737e;text-decoration:underline;text-underline-offset:3px;font-size:9px}.village-description{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:14px}.village-list{display:flex;flex-direction:column;gap:8px}.placed-row{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:11px}.placed-row.selected{border-color:#cb8ca4;background:var(--pink-soft)}.placed-row.is-hidden{opacity:.55}.placed-row input{accent-color:#b8758e;width:15px;height:15px;margin:0}.placed-image{width:35px;height:35px;object-fit:contain;flex-shrink:0}.placed-name{min-width:0;flex:1;text-align:left;border:0;background:transparent;padding:0;font-size:11px;line-height:1.4}.placed-name span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.placed-row .icon-button{width:23px;height:29px;font-size:18px}.empty-state{font-family:Georgia,serif;padding:30px 10px;color:var(--muted);font-size:18px;line-height:1.5;text-align:center}
.workspace{position:relative;flex:1;min-width:0;overflow:hidden;background:#f6f2eb}.canvas-host{position:absolute;inset:0}.canvas-host canvas{width:100%;height:100%;display:block;touch-action:none}.view-toolbar{position:absolute;top:19px;left:20px;right:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;pointer-events:none}.view-toolbar>*{pointer-events:auto}.view-switch{display:flex;gap:2px;border:1px solid #e2d8d0;background:#fffdfaeb;border-radius:11px;padding:3px;box-shadow:0 4px 14px #65514509}.view-switch button{border:0;background:transparent;border-radius:7px;font-size:11px;padding:7px 13px;color:var(--muted)}.view-switch button.active{background:#f2e4e8;color:#8c5d70}.view-toolbar select{font-size:11px;border:1px solid #e2d8d0;background:#fffdfaeb;border-radius:10px;min-height:37px;padding:7px 23px 7px 10px;max-width:175px;color:#635451}.button-glass{font-size:10px;background:#fffdfae8;border-color:#e2d8d0;min-height:37px;padding:8px 11px}.button-glass[aria-pressed=true]{background:var(--pink-soft);border-color:#cc93a8}.surroundings-toggle{font-size:10px;color:#7b6b64;display:flex;align-items:center;gap:5px;background:#fffdfae8;border:1px solid #e2d8d0;border-radius:10px;padding:9px 10px}.surroundings-toggle input{accent-color:#b8758e;margin:0}.glass-icon{background:#fffdfae8;border:1px solid #e2d8d0;font-size:21px;margin-left:auto;width:37px;height:37px}.compass{position:absolute;right:22px;bottom:55px;width:44px;height:44px;border:1px solid #dfd6cde0;border-radius:50%;background:#fffdfa90;display:flex;justify-content:center;align-items:flex-start;font-size:9px;color:#a06c7d;padding-top:4px;pointer-events:none}.compass i{position:absolute;top:17px;left:18px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:14px solid #b1798e;transform-origin:4px 5px}.welcome-note{position:absolute;left:23px;bottom:65px;max-width:305px;padding:17px 33px 17px 19px;background:#fffdfada;border:1px solid #ece2d9;border-radius:14px;box-shadow:0 8px 24px #57453b08;pointer-events:none}.welcome-note strong{font-family:Georgia,serif;font-size:20px;font-weight:400;display:block;line-height:1.25;margin:9px 0 8px}.welcome-note>span:last-of-type{font-size:10px;color:var(--muted);line-height:1.5;display:block}.welcome-note button{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#a5968e;font-size:18px;pointer-events:auto}.viewport-footer{position:absolute;bottom:0;left:0;right:0;padding:11px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none;color:#8b7c73;font-size:9px;background:linear-gradient(transparent,#f5f0e6c0)}.navigation-hint{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.navigation-hint i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b7a99e}.scale-hint{white-space:nowrap}
.inspector{position:absolute;right:20px;top:77px;width:270px;padding:17px;background:#fffdfaf2;border:1px solid #e4d8d1;box-shadow:var(--shadow);border-radius:15px}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-top:-5px}.inspector-heading .icon-button{width:23px;height:23px;font-size:18px}.object-name{font-family:Georgia,serif;font-size:21px;width:100%;border:0;background:transparent;padding:10px 0 6px;color:var(--ink);line-height:1.2}.object-meta{font-size:10px;color:var(--muted);margin-bottom:15px;line-height:1.5}.position-fields{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.position-fields label{color:#a1857c;font-size:10px;display:flex;gap:5px;flex-direction:column}.position-fields input,.position-fields select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fcfaf6;color:var(--ink);font-size:11px;padding:8px 6px;height:33px}.inspector-actions{display:flex;align-items:center;gap:3px;margin-top:13px;flex-wrap:wrap}.inspector-actions .button{font-size:11px;padding:8px 9px;min-height:34px;margin-right:3px}.inspector-actions .icon-button{width:28px;height:32px;font-size:21px}.danger-icon:hover{background:#f9e5e5!important;color:#bd5d5d}.source-link{display:inline-block;margin-top:13px;font-size:9px;color:#a17485;text-underline-offset:3px}
.placement-bar{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#fffdfaf7;border:1px solid #dbc3cb;border-radius:14px;box-shadow:var(--shadow);width:min(660px,calc(100% - 40px))}.placement-bar strong{font-size:12px;display:block;margin-bottom:5px}.placement-bar span{font-size:10px;line-height:1.4;color:var(--muted);display:block}.placement-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.placement-actions .button{font-size:10px;padding:8px 10px;min-height:34px}.placement-bar.invalid{border-color:#d7ac9f}.placement-bar.invalid strong{color:#b56556}.loading-screen{position:absolute;inset:0;z-index:5;background:#f8f4ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.loading-art{font-size:68px;color:#d59bb2;animation:breathe 2.6s ease-in-out infinite}.loading-screen h2{font-family:Georgia,serif;font-size:28px;letter-spacing:-.5px;font-weight:400;margin:15px 0}.loading-screen p{color:var(--muted);font-size:12px;line-height:1.5}.loading-track{width:160px;height:3px;background:#eee0dc;border-radius:3px;overflow:hidden;margin-top:15px}.loading-track span{display:block;width:50%;height:100%;background:#d7a4b7;animation:load 1.8s ease-in-out infinite}.toast{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);max-width:min(480px,calc(100% - 30px));background:#3b3433;color:#fffaf6;padding:13px 20px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);text-align:center;z-index:10}.mobile-toggle{display:none}.sidebar-scrim{display:none}
dialog{width:min(460px,calc(100vw - 32px));padding:36px;border:1px solid var(--line);border-radius:23px;color:var(--ink);background:var(--surface);box-shadow:0 28px 100px #46312b30;max-height:85dvh;overflow:auto}dialog::backdrop{background:#40302e55;backdrop-filter:blur(4px)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.6px;line-height:1.15;margin:14px 0 16px}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}.dialog-close{position:absolute;right:13px;top:13px;font-size:23px}.dialog-flower{font-size:39px;color:#d49ab0}.share-link-label{display:flex;flex-direction:column;font-size:10px;color:#997c83;gap:7px;margin:22px 0 12px}.share-link-label input{width:100%;border:1px solid var(--line);padding:11px;border-radius:8px;font-size:11px;background:#faf5f1;color:#6f555b}.dialog-footnote{font-size:10px!important;margin-top:20px!important}dialog>.button-primary{width:100%}
@keyframes breathe{50%{transform:rotate(12deg) scale(1.08);opacity:.7}}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){:root{--sidebar:340px}.sidebar-intro{padding:29px 25px 24px}.catalog-grid{gap:15px 13px}.card-image{height:125px}.card-name{font-size:12px}.card-size{font-size:10px}}
@media(max-width:1100px){.brand{min-width:205px}.app-header{gap:17px;padding:0 18px}.project-heading input{font-size:13px}.header-actions{gap:7px}.view-toolbar{gap:6px;left:15px;right:15px}.surroundings-toggle{display:none}.inspector{right:15px;top:117px;width:246px}.viewport-footer{font-size:8px}.navigation-hint{max-width:220px}.welcome-note{left:16px;max-width:245px}.welcome-note strong{font-size:18px}}
@media(max-width:900px){:root{--header:72px;--sidebar:310px}.mobile-toggle{display:inline-flex;flex-shrink:0;width:30px}.app-header{gap:12px;padding:0 13px}.brand{min-width:0;font-size:18px;gap:8px}.blossom{transform:scale(.85);margin-right:-3px}.brand-by{font-size:9px}.project-heading{display:none}.header-actions{margin-left:auto;gap:5px}.history-buttons{padding-right:5px;gap:0}.history-buttons .icon-button{width:29px}.header-actions>.file-menu>.button{padding:8px 9px;font-size:11px}.header-actions>.button-primary{padding:8px 11px;font-size:11px}.sidebar{position:absolute;left:0;top:var(--header);bottom:0;transform:translateX(-101%);transition:transform .22s ease;box-shadow:14px 0 40px #4b383119}.sidebar.open{transform:translateX(0)}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:var(--header) 0 0;background:#392d2a33;z-index:14}.workspace{width:100%}.view-toolbar{top:14px}.inspector{top:68px;width:260px}.viewport-footer{padding:9px 14px}.compass{right:17px}.welcome-note{max-width:280px}.placement-bar{flex-direction:column;gap:10px;align-items:stretch;width:min(420px,calc(100% - 28px));padding:13px 15px}.placement-actions{justify-content:flex-end}.navigation-hint{max-width:none;font-size:8px}.scale-hint{font-size:8px}}
@media(max-width:520px){.app-header{gap:6px}.brand{font-size:16px;letter-spacing:-.5px;gap:4px}.brand-by{font-size:8px}.blossom{transform:scale(.72);margin-left:-4px;margin-right:-6px}.header-actions .history-buttons{display:none}.header-actions>.button-primary{font-size:10px;padding:8px 10px}.header-actions .file-menu .button{font-size:10px;padding:8px}.view-toolbar{gap:6px;left:12px;right:12px}.view-switch button{font-size:10px;padding:7px 10px}.view-toolbar select{font-size:10px;max-width:138px;padding-right:15px}.button-glass{font-size:9px;padding:8px}.glass-icon{width:33px;height:33px;font-size:20px;margin-left:0}.inspector{top:auto;right:12px;left:12px;bottom:43px;width:auto;padding:12px 15px}.object-name{font-size:19px;padding:6px 0}.object-meta{margin-bottom:10px;font-size:9px}.inspector-heading .eyebrow{font-size:8px}.position-fields{grid-template-columns:1fr 1fr 1.1fr}.position-fields input,.position-fields select{font-size:16px;min-height:36px}.inspector-actions{margin-top:10px;flex-wrap:nowrap;gap:4px}.inspector-actions .button{flex:1}.inspector-actions .icon-button{width:32px;height:34px;flex-shrink:0}.source-link{margin-top:9px}.viewport-footer .navigation-hint{display:none}.viewport-footer{justify-content:center}.welcome-note{left:12px;bottom:48px;max-width:260px;padding:14px 30px 14px 16px}.welcome-note strong{font-size:18px}.compass{bottom:40px;width:39px;height:39px;right:14px}.compass i{left:16px;top:15px}.sidebar{width:min(315px,calc(100vw - 40px))}.search-field input{font-size:16px}.card-name{font-size:11px}.card-size{font-size:9px}dialog{padding:30px 25px}.placement-bar{bottom:40px}.placement-actions .button{font-size:11px;min-height:38px}.button{min-height:37px}}

/* Precise block controls */
.position-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.nudge-controls{display:flex;gap:4px;flex-wrap:wrap}.nudge-controls .button{flex:1;padding:5px;min-width:30px}.control-help{font-size:10px;line-height:1.5;color:#786b66;margin:9px 0}.placement-bar{flex-wrap:wrap;width:min(680px,calc(100% - 30px));max-height:65vh;overflow:auto}.placement-coordinates{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.placement-coordinates label{font-size:10px;display:grid;gap:3px}.placement-coordinates input{width:78px;padding:7px;border:1px solid #ded4cf;border-radius:7px;background:#fff;font-size:14px}.placement-coordinates span{font-size:10px;line-height:1.5;flex-basis:100%}.inspector{max-height:calc(100% - 155px);overflow:auto}#objectWarning:not(:empty){color:#a65b35;background:#fcf0df;padding:7px;border-radius:6px}canvas:focus{outline:none}@media(max-width:520px){.position-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.inspector{max-height:65vh}.control-help{font-size:9px}.placement-bar{bottom:40px}.placement-coordinates input{width:70px}}

.bridge-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-top:1px solid #eaded8;margin-top:10px}.bridge-fields[hidden]{display:none}.bridge-fields label{font-size:10px;display:grid;gap:5px}.bridge-fields input[type=number],.bridge-fields select{width:100%;min-width:0;padding:7px;border:1px solid #dfd6d1;border-radius:6px;background:#fff}.bridge-fields input[type=range]{grid-column:1/-1;grid-row:2;accent-color:#cb7e9d;width:100%}.bridge-fields p{grid-column:1/-1;font-size:10px;line-height:1.5;margin:2px 0;color:#7d6a63}.bridge-fields button{grid-column:1/-1}.placement-bar>.bridge-fields{width:100%;margin:0;padding:7px 0}.placement-bar{max-height:70vh}

/* Landscape workshop */
.bridge-fields{max-height:40vh;overflow:auto;padding:10px;background:#f5eee7;border-radius:12px}.bridge-fields label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:6px 0}.bridge-fields label input{width:82px}.bridge-fields select{max-width:130px}.inspector{max-height:calc(100% - 110px);overflow:auto}.placement-bar{max-height:65vh;overflow:auto}.catalog-card[data-model^="39_"] .card-plus,.catalog-card[data-model^="40_"] .card-plus{background:#706659}.dropdown button:first-child{color:#985171;font-weight:700}

.room-cut-note{position:absolute;left:22px;bottom:52px;max-width:540px;padding:12px 15px;background:rgba(255,252,247,.95);border:1px solid #e7dbcf;box-shadow:0 8px 24px #39281d10;border-radius:12px;font-size:12px;color:#665e55;display:flex;align-items:center;gap:14px;z-index:3}.room-cut-note[hidden]{display:none}.room-cut-note button{border:0;border-radius:8px;background:#f1e1e8;color:#7b4159;padding:8px 11px;font:inherit;white-space:nowrap;cursor:pointer}@media(max-width:650px){.room-cut-note{left:12px;right:12px;bottom:58px;max-width:none;display:block}.room-cut-note button{margin-top:8px}}