:root{font-family:DM Sans,sans-serif;color:#35352f;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}.app{height:100vh;min-height:640px;overflow:hidden}.topbar{height:62px;background:#fff;border-bottom:1px solid #e9e7e0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:relative;z-index:5}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand{font-family:Manrope,sans-serif;font-weight:700;font-size:14px}.brand-mark{width:29px;height:29px;background:#e9eee5;color:#7f8b74;border-radius:9px;display:grid;place-items:center}.brand i{height:20px;width:1px;background:#e7e5df;margin:0 3px}.brand .crumb{font:500 12px DM Sans;color:#9c9b94}.brand b{font-size:12px;font-weight:600}.muted{color:#bbb9b2}.save-state{display:flex;gap:4px;align-items:center;color:#96958e;font:400 11px DM Sans;margin-left:10px}.save-state svg{color:#8d9a83}.top-actions button{font:600 11px DM Sans;border:0;background:none;color:#62625b;padding:9px 12px;display:flex;gap:7px;align-items:center;cursor:pointer}.top-actions .share{background:#829077;color:#fff;border-radius:8px;padding:10px 14px}.avatar{width:29px;height:29px;border-radius:50%!important;background:#eee5d9!important;display:grid!important;place-items:center;color:#866e58!important;padding:0!important}.body{height:calc(100vh - 62px);display:flex}.sidebar{width:290px;flex:0 0 290px;background:#fff;border-right:1px solid #e9e7e0;display:flex;flex-direction:column;z-index:2}.side-tabs{display:flex;height:51px;border-bottom:1px solid #efeee9;padding:0 17px;gap:21px}.side-tabs button{position:relative;border:0;background:none;display:flex;align-items:center;gap:7px;padding:0 4px;color:#999890;font:600 11px DM Sans;cursor:pointer}.side-tabs button.active{color:#59624f}.side-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#89947d;border-radius:2px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 19px 15px}.panel-heading h2{font:700 15px Manrope;margin:0 0 4px}.panel-heading p{font-size:10px;color:#a09f98;margin:0}.icon-btn{border:1px solid #eae8e1;background:#fff;width:30px;height:30px;border-radius:7px;color:#73776b;display:grid;place-items:center;cursor:pointer}.search{height:34px;margin:0 18px 12px;border:1px solid #e9e8e2;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:7px;color:#a5a49d}.search input{border:0;outline:0;width:100%;font:11px DM Sans;color:#45453f}.search kbd{font:9px DM Sans;color:#a7a59e;background:#f5f4f0;border:1px solid #eeece6;border-radius:4px;padding:2px 4px;white-space:nowrap}.category-scroll{display:flex;gap:5px;padding:0 18px 11px;overflow:auto;scrollbar-width:none}.category{border:1px solid #ebe9e3;background:#fff;border-radius:14px;color:#898880;padding:6px 9px;white-space:nowrap;font:500 9px DM Sans;cursor:pointer}.category.chosen{background:#eef0e9;border-color:#eef0e9;color:#68735f}.catalog{padding:2px 12px;overflow:auto;flex:1}.catalog-item{border:0;background:transparent;width:100%;height:60px;display:flex;align-items:center;gap:10px;padding:5px 7px;text-align:left;border-radius:8px;cursor:pointer}.catalog-item:hover{background:#f8f8f4}.item-thumb{height:44px;width:48px;flex:0 0 48px;background:#f4f1eb;border-radius:7px;display:grid;place-items:center;color:var(--tint);font:24px Georgia;position:relative}.item-thumb.arch{background:#f5f0e9}.item-thumb.tent{background:#f3f1ed}.item-thumb.flowers,.item-thumb.planter{background:#f7efed}.add-icon{position:absolute;right:3px;bottom:3px;color:#a3a198;opacity:0}.catalog-item:hover .add-icon{opacity:1}.item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.item-copy b{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy small{font-size:9px;color:#a1a098}.sidebar-bottom{padding:12px 14px 13px;border-top:1px solid #efeee9}.tip{background:#f6f6f1;border-radius:8px;padding:11px;display:flex;gap:8px;color:#8e987e}.tip b{font-size:10px;color:#656b5b}.tip p{font-size:9px;line-height:1.5;color:#96958e;margin:4px 0 0}.help{height:35px;width:100%;padding:5px 3px 0;border:0;background:none;color:#92918a;font:500 9px DM Sans;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.help svg:last-child{margin-left:auto}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;position:relative;background:#eceae3}.canvas-wrap{flex:1;position:relative;min-height:0}.canvas-wrap canvas{outline:none;touch-action:none}.scene-title{position:absolute;top:17px;left:18px;display:flex;align-items:center;gap:9px;background:#fff;padding:9px 11px;border:1px solid #efeee9;border-radius:8px;box-shadow:0 2px 9px #403a2510;pointer-events:auto}.live-dot{width:7px;height:7px;background:#97a18a;border-radius:50%}.scene-title div{display:flex;flex-direction:column;gap:2px}.scene-title b{font:600 10px Manrope}.scene-title small{font-size:9px;color:#99988f}.canvas-tools{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:center;padding:4px;background:#fff;border:1px solid #e9e7e0;border-radius:8px;box-shadow:0 2px 9px #403a2510}.tool{width:29px;height:28px;border:0;border-radius:5px;background:#fff;color:#87877f;display:grid;place-items:center;cursor:pointer}.tool.selected{background:#edf0e8;color:#68745e}.tool-sep{height:17px;width:1px;background:#e9e7e1;margin:0 2px}.canvas-help{position:absolute;bottom:15px;left:50%;transform:translate(-50%);padding:8px 12px;border-radius:7px;background:#ffffffd9;box-shadow:0 2px 9px #403a2510;display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:9px;color:#77776e}.canvas-help svg{color:#929989}.canvas-help span{color:#c2c0b8}.zoom{position:absolute;bottom:15px;right:17px;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #e8e6df;border-radius:7px;padding:3px;color:#7e7e76;box-shadow:0 2px 9px #403a2510}.zoom button{width:26px;height:25px;display:grid;place-items:center;border:0;background:none;color:#85857d;cursor:pointer}.zoom span{font-size:9px;min-width:37px;text-align:center}.zoom i{height:17px;width:1px;background:#e8e6df;margin:0 3px}.statusbar{height:36px;flex:0 0 36px;background:#fff;border-top:1px solid #e9e7e0;display:flex;align-items:center;gap:13px;padding:0 16px;color:#8f8e86;font-size:9px}.statusbar>span:first-child{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#8b967f}.statusbar>i{width:1px;height:14px;background:#e8e7e1}.statusbar button{border:0;background:none;color:#8f8e86;font:9px DM Sans;display:flex;align-items:center;gap:5px;padding:0;cursor:pointer}.status-right{margin-left:auto}.properties{position:absolute;top:78px;right:18px;width:245px;background:#fff;border:1px solid #e9e7e0;border-radius:9px;box-shadow:0 5px 20px #403a2514;z-index:3}.properties-head{padding:13px;display:flex;gap:9px;align-items:center;border-bottom:1px solid #f0efe9}.property-icon{width:33px;height:33px;border-radius:7px;background:#f4f1eb;display:grid;place-items:center;color:#b89f7c;font:20px Georgia}.properties-head div{display:flex;flex-direction:column;gap:3px;flex:1}.properties-head b{font-size:10px}.properties-head small{font-size:9px;color:#9b9a92}.properties-head button{border:0;background:none;color:#999890;cursor:pointer}.property-fields{padding:13px;display:flex;flex-direction:column;gap:8px}.property-fields>label{font-size:9px;color:#a09f98;margin-top:1px}.field-pair{display:flex;gap:6px}.field-pair span,.field-pair button{height:31px;flex:1;padding:0 8px;border:1px solid #eeece6;border-radius:6px;display:flex;align-items:center;justify-content:space-between;color:#99988f;font-size:9px;background:#fff}.field-pair b{font-size:10px;font-weight:600;color:#55564e}.field-pair button{justify-content:center;gap:6px;color:#72766a;cursor:pointer}.delete{margin-top:4px;height:31px;border:1px solid #f0e6e3;border-radius:6px;background:#fff;color:#a7736e;font:500 9px DM Sans;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.settings-block{padding:2px 19px;display:flex;flex-direction:column;gap:10px}.settings-block>label{font-size:9px;color:#929189;margin-top:7px}.text-field{height:34px;border:1px solid #e9e7e0;border-radius:6px;padding:0 9px;font:11px DM Sans;color:#56564f}.dimensions{height:32px;border:1px solid #eeece6;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#99988f;font-size:10px}.dimensions b{font-weight:600;color:#55564e}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f0eb}.settings-row>div{display:flex;flex-direction:column;gap:4px}.settings-row b{font-size:10px;font-weight:600}.settings-row small{font-size:9px;color:#99988f}.switch{border:0;background:#deddd6;width:30px;height:17px;border-radius:10px;padding:2px;cursor:pointer}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:#8b967f}.switch.on i{transform:translate(13px)}.reset{margin:10px 0 0;height:34px;border:1px solid #e9e7e0;border-radius:6px;background:#fff;color:#77776f;font:500 9px DM Sans;cursor:pointer}.scene-note{margin:24px 17px;display:flex;gap:8px;background:#f6f6f1;padding:11px;border-radius:8px;color:#8e987e;align-items:flex-start}.scene-note p{margin:0;font-size:9px;line-height:1.55;color:#898980}.mobile-tools,.mobile-add{display:none}.catalog-item[draggable=true]{cursor:grab}.catalog-item[draggable=true]:active{cursor:grabbing}.canvas-wrap.drop-ready{outline:2px dashed #89947d;outline-offset:-9px}.canvas-wrap.drop-ready:after{content:"\41e\442\43f\443\441\442\438\442\435, \447\442\43e\431\44b  \434\43e\431\430\432\438\442\44c  \43f\440\435\434\43c\435\442";position:absolute;inset:0;display:grid;place-items:center;color:#59624f;font-size:13px;font-weight:600;background:#f7f6f280;pointer-events:none;z-index:1}.scene-title,.canvas-tools,.zoom,.canvas-help{z-index:2}.keyboard-hint{font-size:9px;color:#a09f98;text-align:center}.canvas-wrap canvas{display:block;width:100%;height:100%}@media(max-width:650px){.mobile-settings{display:grid;position:absolute;top:12px;left:170px;z-index:2;width:30px;height:30px;place-items:center;border:0;border-radius:7px;background:#fff;color:#77796f}.mobile-settings[hidden]{display:none}}@media(max-width:900px){.sidebar{width:255px;flex-basis:255px}.topbar{padding:0 15px}.brand .crumb,.brand .crumb+svg{display:none}.canvas-help{font-size:8px}.properties{width:218px}}@media(max-width:650px){.app{height:100dvh;min-height:560px}.topbar{height:55px;padding:0 12px}.brand{gap:8px}.brand b{font-size:10px}.brand .save-state{display:none}.top-actions{gap:3px}.top-actions .quiet{display:none}.top-actions .share{font-size:0;padding:9px}.top-actions .share svg{width:16px}.body{height:calc(100dvh - 55px)}.sidebar{position:absolute;bottom:36px;left:0;right:0;width:auto;height:min(58vh,440px);border:1px solid #e9e7e0;border-radius:13px 13px 0 0;box-shadow:0 -5px 20px #403a2512;transform:translateY(calc(100% - 4px));transition:transform .23s;z-index:4}.sidebar.open{transform:translateY(0)}.sidebar:not(.open){pointer-events:none}.workspace{width:100%}.scene-title{top:12px;left:11px;padding:8px}.scene-title b{font-size:9px}.scene-title small{font-size:8px}.scene-title .mobile-tools{display:grid;place-items:center;border:0;background:none;color:#77796f;margin-left:3px}.canvas-tools{top:12px;left:auto;right:11px;transform:none}.canvas-help{bottom:54px;left:50%;width:max-content;max-width:calc(100vw - 24px);font-size:8px}.canvas-help svg{display:none}.zoom{bottom:12px;right:11px}.statusbar{height:32px;flex-basis:32px;padding:0 10px;gap:8px;font-size:8px}.status-right{display:none}.properties{inset:auto 10px 45px;width:auto}.property-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.property-fields>label:nth-of-type(2){display:none}.field-pair:first-of-type{grid-column:1/3}.field-pair:nth-of-type(2){grid-column:1/3}.delete{grid-column:1/3;margin:0}.mobile-add{display:flex;position:absolute;left:50%;transform:translate(-50%);bottom:47px;z-index:2;background:#829077;color:#fff;border-radius:18px;padding:9px 13px;align-items:center;gap:5px;white-space:nowrap;font-size:10px;box-shadow:0 3px 10px #4c543c30}.properties~.mobile-add{display:none}.panel-heading{padding-top:15px}}.rotate-hint{position:absolute;top:64px;left:18px;z-index:3;padding:8px 11px;border:1px solid #e4c2ae;border-radius:7px;background:#fffaf6;box-shadow:0 2px 9px #403a2510;color:#985b3c;font:600 10px DM Sans,sans-serif;pointer-events:none}.dimensions label{display:flex;align-items:center;gap:5px;color:#77776f;font-size:10px}.dimensions input{width:58px;height:25px;border:1px solid #e9e7e0;border-radius:5px;padding:0 5px;color:#55564e;font:600 10px DM Sans,sans-serif;text-align:right}.coordinate-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.coordinate-field{width:auto;min-width:0;height:39px;padding:4px 7px;border:1px solid #eeece6;border-radius:6px;display:flex;flex-direction:column;gap:2px;color:#99988f;font-size:9px}.field-pair{min-width:0}.coordinate-field input{width:100%;max-width:100%;min-width:0;border:0;outline:0;padding:0;color:#55564e;font:600 10px DM Sans,sans-serif}.tutorial-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#28282166}.tutorial{width:min(460px,100%);max-height:min(90vh,680px);overflow:auto;padding:22px;border:1px solid #e9e7e0;border-radius:12px;background:#fff;box-shadow:0 16px 48px #29271f30;color:#35352f;font-family:DM Sans,sans-serif}.tutorial header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:15px;border-bottom:1px solid #efeee9}.tutorial header small{color:#929989;font-size:9px;letter-spacing:.08em}.tutorial h2{margin:5px 0 0;font:700 18px Manrope,sans-serif}.tutorial-close{border:0;background:none;color:#898880;font-size:22px;cursor:pointer}.tutorial ol{display:grid;gap:15px;margin:18px 0;padding-left:20px}.tutorial li{padding-left:4px;color:#87917a}.tutorial li b,.tutorial li span{display:block}.tutorial li b{margin-bottom:3px;color:#45453f;font-size:12px}.tutorial li span{color:#898880;font-size:11px;line-height:1.5}.tutorial-done{width:100%;height:38px;border:0;border-radius:7px;background:#829077;color:#fff;font:600 11px DM Sans,sans-serif;cursor:pointer}.export-preview{width:min(820px,100%);max-height:min(92vh,900px);overflow:auto;padding:20px;border:1px solid #e9e7e0;border-radius:12px;background:#fff;box-shadow:0 16px 48px #29271f30;color:#35352f;font-family:DM Sans,sans-serif}.export-preview header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #efeee9}.export-preview header small{color:#929989;font-size:9px;letter-spacing:.08em}.export-preview h2{margin:5px 0 0;font:700 18px Manrope,sans-serif}.export-image-frame{display:grid;place-items:center;margin:16px 0;min-height:180px;max-height:65vh;overflow:auto;border:1px solid #eeece6;border-radius:8px;background:#eceae3}.export-image-frame img{display:block;max-width:100%;max-height:62vh;object-fit:contain}.export-list-preview{margin:14px 0;padding:14px;border:1px solid #eeece6;border-radius:8px;background:#fcfbf8}.export-list-preview h3{margin:0 0 12px;font:600 13px Manrope,sans-serif}.export-list-preview>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #efeee9;font-size:11px}.export-list-preview>div b,.export-list-preview footer b{color:#55564e}.export-list-preview p{color:#898880;font-size:11px}.export-list-preview footer{padding-top:12px;color:#898880;font-size:10px}.export-preview-actions{display:flex;gap:8px}.export-preview-actions .tutorial-done{flex:1}.export-cancel{width:110px;border:1px solid #e9e7e0;border-radius:7px;background:#fff;color:#77776f;font:600 11px DM Sans,sans-serif;cursor:pointer}.scene-object-list{position:absolute;z-index:3;top:17px;left:18px;width:min(280px,calc(100% - 36px));max-height:calc(100% - 145px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e9e7e0;border-radius:9px;background:#fff;box-shadow:0 5px 20px #403a2514}.scene-object-list>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #efeee9}.scene-object-list>header div{display:flex;flex-direction:column;gap:3px}.scene-object-list>header b{font:600 11px Manrope,sans-serif}.scene-object-list>header small{color:#99988f;font-size:9px}.scene-object-list>header button{border:0;background:none;color:#898880;font-size:20px;cursor:pointer}.scene-object-items{overflow:auto;padding:5px}.scene-object-row{display:flex;align-items:center;gap:2px;padding:2px;border-radius:6px}.scene-object-row:hover,.scene-object-row.active{background:#f1f3ed}.scene-object-select{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:6px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer}.scene-object-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:7px;background:#f5f2ec;font:18px Georgia,serif}.scene-object-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.scene-object-copy b{overflow:hidden;color:#45453f;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.scene-object-copy small{color:#99988f;font-size:8px}.scene-object-select i{color:#89947d;font-size:17px;font-style:normal}.scene-object-delete{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:0;border-radius:5px;background:transparent;color:#a7736e;font-size:18px;cursor:pointer}.scene-object-delete:hover{background:#f5eae8}.scene-object-items>p{padding:8px;color:#99988f;font-size:10px}.scene-object-list{top:17px;left:18px;right:auto;width:min(280px,calc(100% - 36px))}.scene-object-list>header{padding:7px 10px}.scene-list-trigger{position:absolute;z-index:2;top:17px;left:18px;display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 12px;border:1px solid #efeee9;border-radius:8px;background:#fff;box-shadow:0 2px 9px #403a2510;color:#73776b;text-align:left;cursor:pointer}.scene-list-trigger>span:first-child{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:#eef0e9;color:#68745e;font-size:15px}.scene-list-trigger>span:last-child{display:flex;flex-direction:column;gap:2px}.scene-list-trigger b{font:600 10px Manrope,sans-serif}.scene-list-trigger small{color:#99988f;font-size:9px}.scene-list-trigger[hidden]{display:none}@media(max-width:900px){.scene-object-list{left:10px;width:min(260px,calc(100% - 20px))}}@media(max-width:650px){.scene-object-list{top:12px;left:11px;max-height:calc(100% - 115px)}.scene-list-trigger{top:12px;left:11px}}@media(max-width:650px){.rotate-hint{top:57px;left:11px;max-width:calc(100% - 22px);font-size:9px}}