html,body,#root{background:#fff;width:100%;height:100%;margin:0;padding:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}canvas{touch-action:none;display:block}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:#0000001a;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent,#f97316);cursor:pointer;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 2px #0000001f}input[type=checkbox]{accent-color:var(--accent,#f97316)}:root{--bg-base:#fff;--bg-elevated:#fff;--bg-surface:#eff0f3;--bg-hover:#0000000a;--bg-active:#0000000f;--bg-selected:#f973161a;--border:#00000014;--border-strong:#0000001f;--text:#1a1a1e;--text-secondary:#6b6f76;--text-tertiary:#9b9ba7;--accent:#f97316;--accent-hover:#ea580c;--accent-muted:#f9731624;--accent-text:#c2410c;--danger:#e5484d;--danger-muted:#e5484d1a;--radius-sm:4px;--radius:6px;--radius-lg:8px;--header-h:44px;--sidebar-w:248px;--sidebar-right-w:220px;--status-h:32px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", ui-monospace, monospace;--transition:.12s ease}*{box-sizing:border-box}.app{font-family:var(--font);color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:13px;display:flex;position:fixed;inset:0;overflow:hidden}.toolbar{z-index:20;height:var(--header-h);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:0 12px;display:flex;position:relative}.toolbar__brand{border-right:1px solid var(--border);letter-spacing:-.01em;color:var(--text);white-space:nowrap;align-items:center;gap:8px;margin-right:4px;padding-right:12px;font-size:13px;font-weight:500;display:flex}.toolbar__logo{border-radius:var(--radius-sm);background:var(--accent);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex}.toolbar__group{align-items:center;gap:2px;padding:0 8px;display:flex}.toolbar__group--right{margin-left:auto;padding-right:0}.toolbar button{border-radius:var(--radius);height:28px;color:var(--text-secondary);letter-spacing:-.01em;cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.toolbar button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar__danger:hover:not(:disabled){background:var(--danger-muted);color:var(--danger)}.toolbar__count{color:var(--text-tertiary);padding:0 6px;font-size:12px;font-weight:400}.toolbar__seg{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1px;padding:2px;display:flex}.toolbar__seg button{border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);padding:0 12px}.toolbar__seg button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.toolbar__seg--on,.toolbar__seg--on:hover{box-shadow:0 1px 2px #0000000f;background:var(--bg-active)!important;color:var(--text)!important}.app__shell{flex:1;min-height:0;display:flex;position:relative}.canvas-wrap{background:var(--bg-base);flex:1;min-width:0;position:relative}.sidebar{background:var(--bg-elevated);border-color:var(--border);z-index:10;pointer-events:auto;flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar--left{width:var(--sidebar-w);border-right:1px solid var(--border)}.sidebar--right{width:var(--sidebar-right-w);border-left:1px solid var(--border)}.sidebar__scroll{flex:1;padding:12px;overflow:hidden auto}.sidebar__header{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 14px 10px}.sidebar__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:13px;font-weight:600}.sidebar__subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.45}.sidebar__section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 8px;padding:0 2px;font-size:11px;font-weight:500}.sidebar__group{margin-bottom:16px}.sidebar__group:last-child{margin-bottom:0}.palette,.living-panel,.item-props{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.palette__scroll,.living-panel__scroll,.item-props__scroll{flex:1;padding:10px 12px 12px;overflow-y:auto}.build-panel{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.build-panel__scroll{flex:1;padding:10px 12px 12px;overflow-y:auto}.palette__title,.living-panel__title,.item-props__title{display:none}.palette__group-label,.item-props__label,.living-panel__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:500}.living-panel__label{justify-content:space-between;align-items:baseline;display:flex}.living-panel__value{text-transform:none;letter-spacing:0;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.palette__grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.palette__item{border-radius:var(--radius);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.palette__item:hover{background:var(--bg-hover);border-color:var(--border)}.palette__item--active{background:var(--bg-selected);border-color:#f9731659}.palette__icon{opacity:.9;font-size:18px;line-height:1}.palette__name{color:var(--text-secondary);text-align:center;letter-spacing:-.01em;font-size:11px;font-weight:400}.palette__item--active .palette__name{color:var(--accent-text)}.build-tools{flex-direction:column;gap:2px;display:flex}.build-tool{border-radius:var(--radius);cursor:pointer;transition:background var(--transition);text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;display:flex}.build-tool:hover{background:var(--bg-hover)}.build-tool--active{background:var(--bg-selected)}.build-tool .palette__icon{text-align:center;width:18px;font-size:15px}.build-tool .palette__name{text-align:left;color:var(--text);font-size:13px}.build-tool--active .palette__name{color:var(--text)}.build-tool--templates{border:1px solid var(--border);background:var(--bg-surface);margin-bottom:6px}.build-tool--templates:hover{border-color:var(--border-strong)}.build-help{color:var(--text-secondary);margin:0 0 10px;font-size:12px;line-height:1.5}.build-row{gap:6px;margin-bottom:8px;display:flex}.build-coord{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);min-width:0;height:28px;color:var(--text-primary);flex:1;padding:0 8px;font-family:inherit;font-size:12px}.build-actions{flex-wrap:wrap;gap:4px;display:flex}.build-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);margin-bottom:14px;overflow:hidden}.build-section__toggle{width:100%;height:auto;min-height:32px;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:500;display:flex}.build-section__toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.build-section__chevron{width:0;height:0;transition:transform var(--transition);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex-shrink:0}.build-section--open .build-section__chevron{transform:rotate(90deg)}.build-section__label{flex:1;min-width:0}.build-section__count{letter-spacing:0;text-transform:none;color:var(--text-tertiary);background:var(--bg-hover);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.build-section__body{border-top:1px solid var(--border);padding:0 10px 10px}.build-section__help{margin-top:10px}.build-templates{flex-direction:column;gap:6px;display:flex}.build-panel button.build-template{text-align:left;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px;width:100%;height:auto;min-height:0;padding:8px;font-weight:400;display:flex}.build-template__copy{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.layout-preview{border:1px solid var(--border);background:#0000002e;border-radius:5px;flex-shrink:0;width:68px;height:54px;overflow:hidden}.layout-preview__svg{width:100%;height:100%;display:block}.layout-preview__floor{fill:#ffffff0a;stroke:none}.layout-preview__wall{stroke-linecap:square;fill:none}.layout-preview__wall--outer{stroke:#ffffffb8;stroke-width:.22px}.layout-preview__wall--partition{stroke:#ffffff6b;stroke-width:.16px}.layout-preview__window{stroke:#60c4fff2;stroke-width:.28px;stroke-linecap:butt}.layout-preview__window--tall{stroke:#78dcff;stroke-width:.38px}.layout-preview__door{stroke:#f97316d9;stroke-width:.24px;stroke-linecap:butt}.build-template{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);cursor:pointer;transition:background var(--transition), border-color var(--transition)}.build-panel button.build-template:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:inherit}.build-template--challenge{border-color:#f973164d}.build-template--challenge:hover{border-color:#f9731680}.build-template__name{width:100%;color:var(--text);letter-spacing:-.01em;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.build-template__badge{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-text);background:#f973161f;border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600}.build-template__desc{width:100%;color:var(--text-secondary);white-space:normal;font-size:11px;font-weight:400;line-height:1.45;display:block}.layout-template-modal__backdrop{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.layout-template-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(720px,100%);max-height:min(90vh,720px);padding:20px;position:relative;overflow:auto;box-shadow:0 12px 40px #00000026}.layout-template-modal__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.layout-template-modal__title{margin:0 0 8px;font-size:18px}.layout-template-modal__hint{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.layout-template-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.layout-template-card{text-align:left;flex-direction:column;align-items:stretch;gap:10px;width:100%;height:auto;min-height:0;padding:12px;font-family:inherit;font-weight:400;display:flex}.layout-template-card:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:inherit}.layout-template-modal .layout-preview{width:100%;height:120px}.layout-template-modal .build-template__copy{gap:4px}@media (width<=560px){.layout-template-modal__grid{grid-template-columns:1fr}}.build-panel button:not(.build-template),.living-panel__presets button,.living-panel__weather button{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.build-panel button:not(.build-template):hover:not(:disabled),.living-panel__presets button:hover,.living-panel__weather button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.build-panel button:not(.build-template):disabled{opacity:.35;cursor:not-allowed}.build-primary{background:var(--accent)!important;color:#fff!important;border-color:#0000!important}.build-primary:hover:not(:disabled){background:var(--accent-hover)!important}.build-delete{width:100%;margin-top:10px;color:var(--danger)!important;border-color:#e5484d40!important}.build-delete:hover:not(:disabled){background:var(--danger-muted)!important}.build-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:10px 0 6px;font-size:11px;font-weight:500;display:block}.build-curtain{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin:10px 0 2px;font-size:12px;font-weight:400;display:flex}.build-slider{align-items:center;gap:8px;display:flex}.build-slider input[type=range],.living-panel__slider,.item-props input[type=range]{accent-color:var(--accent);flex:1;height:4px}.build-slider__val{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:36px;font-size:11px;font-weight:500}.living-panel__hint{display:none}.living-panel__section{margin-bottom:18px}.living-panel__presets{grid-template-columns:1fr 1fr;gap:4px;display:grid}.living-panel__preset--on{background:var(--bg-selected)!important;color:var(--text)!important;border-color:#f9731659!important}.living-panel__weather{grid-template-columns:1fr 1fr;gap:4px;display:grid}.living-panel__weather button{flex-direction:column;gap:4px;height:auto;padding:10px 6px}.living-panel__weather--on{background:var(--bg-selected)!important;color:var(--text)!important;border-color:#f9731659!important}.living-panel__weather-icon{font-size:18px;line-height:1}.item-props__subtitle{color:var(--text-secondary);margin:-4px 0 14px;font-size:12px;font-weight:400}.item-props__block+.item-props__block{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:16px}.item-props__section{margin-bottom:16px}.item-props__transform-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px;display:grid}.item-props__transform-grid--single{grid-template-columns:1fr}.item-props__num-field{flex-direction:column;gap:4px;min-width:0;display:flex}.item-props__num-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.item-props__num-input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;height:28px;color:var(--text);font-variant-numeric:tabular-nums;padding:0 8px;font-family:inherit;font-size:12px}.item-props__num-input:focus{border-color:#f9731680;outline:none}.item-props__num-unit{color:var(--text-tertiary);margin-top:-2px;font-size:10px}.item-props__swatches{flex-wrap:wrap;gap:6px;display:flex}.item-props__swatch{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:box-shadow var(--transition), transform var(--transition);border:1px solid #0000001a;padding:0}.item-props__swatch:hover{transform:scale(1.06)}.item-props__swatch--active{box-shadow:0 0 0 2px var(--bg-elevated), 0 0 0 3px var(--accent)}.item-props__styles{flex-direction:column;gap:2px;display:flex}.item-props__style{border-radius:var(--radius);cursor:pointer;transition:background var(--transition);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;display:flex}.item-props__style:hover{background:var(--bg-hover);color:var(--text)}.item-props__style--active{background:var(--bg-selected);color:var(--text)}.item-props__style-icon{opacity:.85;font-size:14px;line-height:1}.item-props__style-name{font-size:12px;font-weight:400}.hint{z-index:20;height:var(--status-h);background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--text-tertiary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:400;display:flex;overflow:hidden}.sidebar__scroll::-webkit-scrollbar{width:6px}.palette__scroll::-webkit-scrollbar{width:6px}.build-panel__scroll::-webkit-scrollbar{width:6px}.living-panel__scroll::-webkit-scrollbar{width:6px}.item-props__scroll::-webkit-scrollbar{width:6px}.sidebar__scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.palette__scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.build-panel__scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.living-panel__scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.item-props__scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.sidebar__scroll::-webkit-scrollbar-thumb:hover{background:#0000002e}.palette__scroll::-webkit-scrollbar-thumb:hover{background:#0000002e}.build-panel__scroll::-webkit-scrollbar-thumb:hover{background:#0000002e}.living-panel__scroll::-webkit-scrollbar-thumb:hover{background:#0000002e}.item-props__scroll::-webkit-scrollbar-thumb:hover{background:#0000002e}.style-render{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.style-render__title{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:600}.style-render__hint{color:var(--text-secondary);margin:0 0 12px;font-size:12px;line-height:1.4}.style-render__btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;padding:8px 12px;font-size:12px;font-weight:500}.style-render__btn:disabled{opacity:.6;cursor:wait}.style-render__loader{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-hover);align-items:flex-start;gap:12px;margin-top:12px;padding:12px;display:flex}.style-render__loader-text{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;line-height:1.4;display:flex}.style-render__loader-text strong{color:var(--text-primary);font-size:13px}.style-render__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.75s linear infinite style-render-spin}.style-render__pending{border-radius:var(--radius);border:1px dashed var(--border);background:var(--bg);justify-content:center;align-items:center;min-height:140px;display:flex}.style-render__pending .style-render__spinner{width:28px;height:28px}@keyframes style-render-spin{to{transform:rotate(360deg)}}.style-render__error{color:#c0392b;margin:8px 0 0;font-size:12px}.style-render__compare{flex-direction:column;gap:8px;margin-top:12px;display:flex}.style-render__figure{margin:0}.style-render__figure figcaption{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:4px;font-size:10px}.style-render__figure img{border-radius:var(--radius);border:1px solid var(--border);width:100%}.style-render__thumb-btn{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.style-render__thumb-btn img{display:block}.style-render__figure--enlargeable:hover img{border-color:var(--accent)}.style-render-lightbox__backdrop{z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.style-render-lightbox{max-width:min(1200px,100%);max-height:min(90vh,100%);position:relative}.style-render-lightbox img{border-radius:var(--radius);max-width:100%;max-height:min(90vh,100%);display:block;box-shadow:0 12px 40px #00000059}.style-render-lightbox__close{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 8px #0003}.style-render__download{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);cursor:pointer;width:100%;color:var(--text-primary);margin-top:8px;padding:7px 12px;font-size:12px}.style-render__credits{color:var(--text-secondary);margin:0 0 8px;font-size:12px}.toolbar__credits{font-variant-numeric:tabular-nums;font-weight:600}.auth-modal__backdrop,.credits-panel__backdrop{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-modal,.credits-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(440px,100%);max-height:min(90vh,720px);padding:20px;position:relative;overflow:auto;box-shadow:0 12px 40px #00000026}.credits-panel{width:min(520px,100%)}.auth-modal__close,.credits-panel__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.auth-modal__title,.credits-panel__header h2{margin:0 0 8px;font-size:18px}.auth-modal__hint,.credits-panel__note{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.credits-panel__note--subtle{margin-top:8px;font-size:11px}.credits-panel__note code{font-size:10px}.credits-panel__error{color:#c0392b;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;display:flex}.credits-panel__retry{padding:4px 8px;font-size:11px}.credits-panel__pending{background:#2e7d321f;border:1px solid #2e7d3259;border-radius:8px;margin:0 0 14px;padding:12px}.credits-panel__pending p{color:var(--text-primary);margin:0 0 10px;font-size:12px}.credits-panel__pending button{width:100%}.credits-panel__loading{color:var(--text-secondary);margin:0 0 12px;font-size:12px}.auth-modal__form{flex-direction:column;gap:8px;display:flex}.auth-modal__form input,.credits-panel input[type=text],.credits-panel input[type=number]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text-primary);padding:8px 10px;font-size:13px}.auth-modal__form button,.auth-modal__google,.credits-panel button{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-hover);cursor:pointer;color:var(--text-primary);padding:8px 12px;font-size:13px}.auth-modal__google{width:100%}.auth-modal__divider{text-align:center;color:var(--text-secondary);margin:12px 0;font-size:12px}.auth-modal__status{color:var(--text-secondary);margin:12px 0 0;font-size:12px}.credits-panel__header{justify-content:space-between;gap:12px;padding-right:28px;display:flex}.credits-panel__balance{margin:0;font-size:14px;font-weight:600}.credits-panel__balance span{color:var(--text-secondary);font-weight:400}.credits-panel__tabs{border-bottom:1px solid var(--border);gap:4px;margin:16px 0;padding-bottom:8px;display:flex}.credits-panel__tabs button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:6px 10px;font-size:12px}.credits-panel__tab--on{font-weight:600;color:var(--text-primary)!important;border-bottom:2px solid var(--accent,#f97316)!important;border-radius:0!important}.credits-panel__referral,.credits-panel__boost-row{gap:8px;margin-bottom:16px;display:flex}.credits-panel__boost label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.credits-panel__packs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.credits-panel__pack{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.credits-panel__pack--highlight{border-color:var(--accent,#f97316);box-shadow:0 0 0 1px #f9731633}.credits-panel__pack strong{font-size:13px;display:block}.credits-panel__pack span{color:var(--text-secondary);font-size:12px}.credits-panel__history{margin:0;padding:0;list-style:none}.credits-panel__history li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;font-size:12px;display:grid}.credits-panel__credit{color:#1a7f37;font-weight:600}.credits-panel__debit{color:#c0392b;font-weight:600}.credits-panel__portal{width:100%;margin-top:12px}.auto-topup{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.auto-topup__toggle{cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.auto-topup__fields{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.auto-topup__fields label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:11px;display:flex}.auto-topup__spent{color:var(--text-secondary);margin:0 0 8px;font-size:11px}.auto-topup__save{width:100%}.toast{bottom:calc(var(--status-h) + 12px);z-index:100;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);pointer-events:none;padding:8px 14px;font-size:12px;font-weight:500;animation:.18s toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.app--cinema .hint{display:none}.sidebar--hidden{display:none!important}.app--demo-portrait .app__shell{flex-direction:column}.app--demo-portrait.app--cinema .sidebar--left{max-height:28vh}.app--demo-portrait.app--cinema .canvas-wrap{min-height:52vh}.demo-cursor{z-index:9999;pointer-events:none;background:#f97316d9;border:2px solid #fffffff2;border-radius:50%;width:18px;height:18px;margin:-2px 0 0 -2px;transition:transform 80ms;position:fixed;box-shadow:0 0 0 1px #00000040,0 2px 8px #0003}.demo-cursor--click{transform:scale(.82)}.demo-cursor:after{content:"";border:1px solid #f9731659;border-radius:50%;position:absolute;inset:-6px}