:root{--paper:#f6f3ed;--ink:#393b33;--muted:#7a7d71;--line:#e8e5dc;--orange:#b95432;--soft:#eee8df;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #b95432;outline-offset:4px}button{transition:background .18s,transform .18s}button:disabled{cursor:default;opacity:.35}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-weight:700;font-size:22px;letter-spacing:-1px}.brand-icon{background:#e7eddd;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:30px;color:#59654c;line-height:1}.beta{font-size:9px;letter-spacing:1px;font-weight:500;border:1px solid #deddd3;padding:5px 7px;border-radius:5px;margin-left:9px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:23px;font-size:12px;color:var(--muted)}.icon-button{width:31px;height:31px;border:1px solid #dddcd3;border-radius:50%;background:transparent;color:var(--ink)}main{max-width:1500px;margin:auto;padding:42px 5% 24px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7d856d}h1{font-family:var(--serif);font-weight:400;font-size:48px;letter-spacing:-1.5px;margin:12px 0 10px}.intro p{color:var(--muted);margin:0;line-height:1.6}.primary{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:14px 20px;box-shadow:0 3px 0 #934029;font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center;justify-content:center}.primary:hover{background:#a64729;transform:translateY(-1px)}.primary span{font-size:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.room-panel{border:1px solid var(--line);border-radius:14px;background:#fbf9f4;overflow:hidden}.room-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;gap:10px}.room-name{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#8fa07d;border-radius:100%;flex-shrink:0}.room-name input{width:205px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;color:var(--ink);padding:4px 3px}.room-name input:hover,.room-name input:focus{border-color:var(--line);background:#fff}.edit-mark{font-size:14px;color:#9b9d90}.room-tag{font-size:8px;letter-spacing:1.5px;color:#8b8b7c}.scene-wrap{position:relative;background:radial-gradient(ellipse at 52% 48%,#f1e9dc 0%,#f7f2e9 52%,#faf8f2 80%);min-height:400px}#scene{width:100%;max-height:600px;display:block;touch-action:none}.scene-note{position:absolute;bottom:27px;left:0;width:100%;text-align:center;font-family:var(--serif);font-style:italic;color:#8d8b7b;font-size:15px;pointer-events:none}.scene-note span{color:#b8a786;margin-right:9px}.editor-toolbar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:#fffdf8;min-height:66px}.selected-label{font-size:12px;color:var(--muted)}.edit-actions{display:flex;align-items:center;gap:6px}.edit-actions button{border:0;background:transparent;border-radius:6px;padding:7px;color:#666b5d;font-size:18px;display:flex;align-items:center;gap:5px}.edit-actions button span{font-size:11px}.edit-actions button:hover:not(:disabled){background:#eee9de}.divider{height:20px;width:1px;background:var(--line);margin:0 3px}.room-footer{padding:14px 22px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#929285}.room-footer button{font-size:10px;border:0;background:transparent;color:#8c8b7f;text-decoration:underline}.studio{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:25px 20px}.studio-heading h2{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:-.6px;margin:10px 0}.studio-heading p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.tabs{display:flex;margin:24px 0 19px;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;padding:12px 5px;flex:1;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:var(--orange);color:var(--orange);font-weight:700}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-card{padding:0;border:1px solid var(--line);border-radius:9px;text-align:left;background:#faf8f2;overflow:hidden;position:relative}.item-card:hover{border-color:#c69b7c;background:#f1ebdf;transform:translateY(-2px)}.item-card svg{display:block;width:100%;height:91px}.item-card .item-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:10px;border-top:1px solid #eae6dd;background:#fffdf8;gap:5px}.add-mark{font-size:16px;color:#b95432}.palette-section{margin-top:27px;border-top:1px solid var(--line);padding-top:21px}.section-label{font-size:9px;letter-spacing:1.5px;font-weight:700;display:flex;justify-content:space-between;color:#777c6a}.section-label span{color:#a4946e;font-size:14px}.themes{display:flex;gap:8px;margin-top:15px}.theme{flex:1;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 2px;font-size:9px;color:#78796c;line-height:1.6}.theme span{width:32px;height:32px;border-radius:50%;display:block;margin:0 auto 7px;border:4px solid #fffdf8;outline:1px solid #e2ddd1}.theme.active{background:#f0ece2;color:#474b3e}.theme.active span{outline:2px solid #a88769}.studio-tip{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.studio-tip>span{color:#a9ae97;font-size:26px}.studio-tip p{font-size:11px;line-height:1.7;color:#8a8c7d;margin:0}.page-footer{display:flex;justify-content:space-between;margin-top:28px;font-size:10px;color:#96978a;gap:20px;line-height:1.6}.tiny-star{margin:0 9px;color:#baa97c}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#404937;color:#fff;padding:13px 21px;border-radius:10px;box-shadow:0 6px 20px #0002;opacity:0;pointer-events:none;transition:.2s;font-size:12px;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e1dace;background:#fffdf7;border-radius:18px;padding:35px;max-width:460px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#3e44385e;backdrop-filter:blur(4px)}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400;margin:12px 0 18px}dialog p{line-height:1.8;color:#777c6c;font-size:13px}.muted{font-size:11px!important}.dialog-close:not(.primary){position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#888}.dialog-actions{display:flex;gap:15px;margin-top:25px}.secondary{background:#ede9de;color:#555a49;border:0;border-radius:8px;padding:12px 17px}.object{cursor:grab}.object:active{cursor:grabbing}.object:focus{outline:none}.selection-ring{fill:none;stroke:#b95432;stroke-width:2;stroke-dasharray:5 5}.object:hover .item-shadow{opacity:.24}.object:focus-visible .selection-ring{stroke-width:4}@media(min-width:1500px){#scene{max-height:650px}}@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}main{padding:32px 4%}.studio{padding:22px 16px}.edit-actions button span{display:none}.room-name input{width:180px}.room-tag{display:none}.scene-wrap{min-height:320px}}@media(max-width:760px){header{height:70px;padding:0 5%}.brand{font-size:20px}.beta{display:none}.header-right{gap:12px}.header-right>span{max-width:115px;font-size:10px;line-height:1.5;text-align:right}main{padding:28px 4% 18px}.intro{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:24px}h1{font-size:37px;margin-top:10px}.intro p{font-size:12px}.primary{padding:12px 17px}.workspace{grid-template-columns:1fr}.scene-wrap{min-height:0}.room-heading{padding:16px}.scene-note{bottom:15px;font-size:12px}.editor-toolbar{padding:12px 15px}.room-footer{padding:12px 15px}.studio{padding:22px}.catalog{grid-template-columns:repeat(3,1fr)}.item-card svg{height:85px}.themes{max-width:350px}.page-footer{flex-direction:column;gap:5px;font-size:9px}.selected-label{max-width:145px;line-height:1.5}.room-name input{width:205px}.studio-heading h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
