:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.app-shell{color:#29475b;background:#e1ebf1;flex-direction:column;width:100%;min-width:1100px;height:100vh;display:flex;overflow:hidden}.studio-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-brand{color:#607783;background:#fff;border:0;border-right:1px solid #dfe6eb;flex:0 0 86px;justify-content:center;align-items:center;padding:0 12px;display:flex}.studio-brand img{object-fit:contain;width:62px;height:50px;display:block}.studio-brand:focus-visible{outline-offset:-3px;outline:2px solid #76dece}.library-sidebar{color:#253d49;background:#fff;flex-direction:row;min-width:0;transition:width .15s;display:flex;overflow:hidden}.library-rail{background:#fff;border-right:1px solid #dfe6eb;flex-direction:column;flex:0 0 56px;align-items:center;width:56px;padding:12px 0;display:flex}.rail-home,.rail-icon{color:#607783;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:9px;font-size:18px;display:grid}.rail-home{color:#17384b;background:#fff;margin-bottom:20px;padding:3px;font-weight:800}.rail-icon:hover{color:#76dece;background:#eff8f6}.rail-icon.active{color:#76dece;background:#def5ef;box-shadow:inset 3px 0 #76dece}.library-drawer{flex:1;align-content:start;min-width:0;transition:grid-template-columns .2s,opacity .16s;display:grid;overflow:hidden auto}.library-drawer>.brand,.library-drawer>.project-status,.library-drawer>.library-heading,.library-drawer>.asset-list{grid-column:1;min-width:0;transition:opacity .14s,transform .2s}.library-drawer.library-panel-hidden>.brand,.library-drawer.library-panel-hidden>.project-status,.library-drawer.library-panel-hidden>.library-heading,.library-drawer.library-panel-hidden>.asset-list,.library-drawer.library-panel-hidden>.library-panel-resizer{opacity:0;pointer-events:none;overflow:hidden;transform:translate(-10px)}.library-sidebar.closed .library-drawer{opacity:0;pointer-events:none;flex:0 0 0;width:0}.brand{background:#fff;border-bottom:1px solid #dce7ec;flex-direction:column;grid-column:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;display:flex}.brand-mark{color:#17384b;background:0 0;border-radius:11px;flex:none;place-items:center;width:88px;height:70px;font-size:19px;font-weight:800;display:grid}.brand-mark img,.rail-home img{object-fit:contain;width:100%;height:100%;display:block}.brand p,.workspace-header p{color:#92aabd;letter-spacing:1px;margin:0 0 5px;font-size:10px}.brand p{color:#496575;letter-spacing:.7px;white-space:nowrap;margin:0;font-size:9px;font-weight:500;line-height:12px}.project-status{color:#34515f;white-space:nowrap;border:1px solid #dfe6eb;border-radius:9px;grid-column:1;align-items:center;gap:8px;margin:18px;padding:14px;font-size:13px;display:flex}.project-status span{background:#76dece;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #76dece}.project-status em{color:#9eb3c2;margin-left:auto;font-size:11px;font-style:normal}.library-heading{grid-column:1;min-width:0;padding:10px 22px 13px}.library-heading small,.inspector>small{color:#6b8590;font-size:11px}.library-heading h2{color:#29475b;margin:6px 0;font-size:17px}.library-heading p{color:#90a9b8;margin:0;font-size:11px}.asset-list{grid-column:1;min-width:0;padding:33px 12px 10px}.asset-card{color:#29475b;text-align:left;background:#f7f9fb;border:1px solid #e1e7ec;border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;height:34px;margin-bottom:4px;padding:5px 7px;transition:background .15s,border-color .15s;display:grid}.asset-card:hover{background:#eff8f6;border-color:#76dece}.asset-card b{color:#397893;background:#d5eff7;border-radius:4px;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.asset-card strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:600;line-height:20px;overflow:hidden}.asset-card small{color:#657d89;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:20px}.asset-card:focus-visible{outline-offset:1px;outline:2px solid #76dece}.components-panel{background:#fff;border:1px solid #e1e7ec;border-radius:10px;grid-area:1/3/span 8;align-self:start;width:auto;min-width:220px;margin:18px 14px 18px 4px;padding:14px;transition:opacity .14s,transform .2s,margin .2s,padding .2s;overflow:hidden}.library-drawer.components-panel-hidden .components-panel{opacity:0;pointer-events:none;border-width:0;min-width:0;margin:0;padding:0;transform:translate(-10px)}.library-panel-resizer{color:#81a6b8;cursor:col-resize;-webkit-user-select:none;user-select:none;background:#f7f9fb;border-left:1px solid #dfe6eb;border-right:1px solid #dfe6eb;grid-area:1/2/span 8;justify-content:center;align-self:stretch;align-items:center;display:flex}.library-panel-resizer:hover,.library-panel-resizer.active{color:#76dece;background:#def5ef}.library-panel-resizer span{background:#fff;border:1px solid #d5dfe5;border-radius:8px;place-items:center;width:17px;height:52px;font-size:13px;display:grid}.components-heading{border-bottom:1px solid #dfe6eb;align-items:center;margin-bottom:12px;padding:2px 0 13px 12px;display:flex;position:relative}.components-heading:before{content:"";background:#76dece;border-radius:3px;width:3px;position:absolute;top:4px;bottom:15px;left:0}.components-heading>div{text-align:left;flex-direction:column;align-items:stretch;display:flex}.components-heading small,.components-heading h2{text-align:left;margin-left:0;padding-left:0}.components-heading small{color:#a2bdcd;letter-spacing:1px;font-size:10px;font-weight:500;line-height:15px;display:block}.components-heading h2{color:#f3fbff;letter-spacing:-.5px;margin:3px 0 0;font-size:19px;font-weight:700;line-height:25px}.component-actions{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 9px;display:grid}.component-actions button{color:#dff3fa;background:#fff;border:1px solid #47697c;border-radius:5px;padding:7px 4px;font-size:11px}.component-actions button:hover:not(:disabled){color:#76dece;border-color:#76dece}.component-actions button:disabled{cursor:not-allowed;opacity:.35}.component-tree{max-height:calc(100vh - 185px);overflow-y:auto}.component-group{border:1px solid #dfe7ec;border-radius:6px;margin-bottom:6px;overflow:hidden}.component-group-header{background:#f0f5f7;display:flex}.component-collapse{color:#68818d;background:0 0;border:0;border-right:1px solid #dfe7ec;width:27px;font-size:12px}.component-collapse:hover{color:#76dece;background:#e6f4ef}.component-group-select{color:#385360;text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:8px 7px;font-size:11px}.component-group-select small{color:#8ab3c7;margin-left:4px}.component-group-select.selected{color:#29475b;background:#def5ee}.component-group-name-input{color:#29475b;background:#fff;border:1px solid #76dece;border-radius:4px;outline:0;flex:1;min-width:0;margin:5px;padding:4px 6px;font-size:11px}.component-rename{color:#68818d;background:0 0;border:0;border-left:1px solid #dfe7ec;width:29px;font-size:13px}.component-rename:hover{color:#76dece;background:#e6f4ef}.component-group-select[draggable=true],.component-item[draggable=true]{cursor:grab}.component-group-select[draggable=true]:active,.component-item[draggable=true]:active{cursor:grabbing}.component-group-select.drop-target,.component-item.drop-target{box-shadow:inset 0 3px #76dece}.component-ungroup{color:#68818d;background:0 0;border:0;border-left:1px solid #dfe7ec;width:33px;font-size:13px}.component-ungroup:hover{color:#76dece;background:#e6f4ef}.component-item{color:#3d5662;text-align:left;background:#fff;border:0;border-bottom:1px solid #84abbe2b;align-items:center;gap:7px;width:100%;padding:7px 6px;font-size:11px;display:flex}.component-item:last-child{border-bottom:0}.component-item:hover{background:#eff8f5}.component-item.selected{color:#29475b;background:#def5ee}.component-item.nested{background:#f8fafb;padding-left:15px}.component-item.nested:hover{background:#eff8f5}.component-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.component-item i{font-size:10px;font-style:normal}.components-empty{color:#91abba;margin:7px 0 3px;font-size:11px;line-height:1.45}.component-context-menu{z-index:30;background:#102b3d;border:1px solid #527083;border-radius:8px;min-width:152px;position:fixed;overflow:hidden;box-shadow:0 12px 28px #0a1f2d57}.component-context-menu button{color:#e5f4fa;text-align:left;background:0 0;border:0;border-bottom:1px solid #90b4c629;width:100%;padding:9px 12px;font-size:12px;display:block}.component-context-menu button:hover{color:#7be5d6;background:#225367}.component-context-menu button.danger{color:#ffb9b9}.component-context-menu button.danger:hover{color:#29475b;background:#633846}.inspector{background:#f7f9fb;border:1px solid #e1e7ec;border-radius:10px;grid-column:1;min-width:0;margin:auto 18px 18px;padding:16px}.top-inspector{display:none}.top-inspector.closed{opacity:0;pointer-events:none;border-width:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}.inspector>strong{color:#76dece;text-align:center;margin:7px 0;font-size:16px;display:block}.inspector p{color:#657d89;text-align:center;margin:7px 0 0;font-size:11px;line-height:1.5}.axis-status{color:#253d49;text-align:center;background:#edf4f6;border-radius:6px;padding:7px;font-size:11px}.coordinate-grid{justify-content:space-between;gap:7px;margin-top:14px;display:flex}.coordinate-input{width:33%}.coordinate-input small{color:#627b88;text-align:center;margin-bottom:5px;display:block}.coordinate-input input{color:#253d49;text-align:center;background:#fff;border:1px solid #cbd8e0;border-radius:5px;width:100%;padding:7px 4px}.coordinate-input input:disabled,.color-control input:disabled{cursor:not-allowed;opacity:.42}.color-control{border-top:1px solid #e1e7ec;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.color-control small,.stage-size-grid>small{color:#627b88;font-size:11px}.color-control input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd8e0;border-radius:5px;width:45px;height:28px;padding:2px}.lock-button{color:#253d49;background:#fff;border:1px solid #cbd8e0;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-size:12px}.lock-button.locked{color:#ffd95a;border-color:#e3b431}.stage-size-grid{border-top:1px solid #e1e7ec;margin-top:14px;padding-top:12px}.stage-size-grid>small{text-align:center;margin-bottom:8px;display:block}.stage-size-grid>div{gap:7px;display:flex}.stair-step-count{margin-top:10px}.stair-step-count .coordinate-input{width:100%}.rotation-control{border-top:1px solid #e1e7ec;margin-top:14px;padding-top:12px}.rotation-control>small{color:#627b88;text-align:center;margin-bottom:8px;font-size:11px;display:block}.rotation-control>div{gap:7px;display:flex}.rotation-control button{color:#253d49;background:#fff;border:1px solid #cbd8e0;border-radius:6px;flex:1;padding:8px 5px;font-size:11px}.rotation-control button:disabled{cursor:not-allowed;opacity:.42}.library-resizer{color:#698494;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:5;background:#d8e5ec;border-left:1px solid #c1d3df;border-right:1px solid #c1d3df;flex:0 0 12px;justify-content:center;align-items:center;width:12px;transition:background .15s;display:flex;position:relative}.library-resizer:hover,.library-resizer.active{color:#197b73;background:#bdebe5}.library-resizer.preview-fold{color:#16796f;background:#a8eadf;flex-basis:26px;width:26px}.library-resizer.preview-close{color:#344b59;background:#aebcc5;flex-basis:26px;width:26px}.library-resizer.preview-fold:after,.library-resizer.preview-close:after{z-index:10;color:#fff;white-space:nowrap;background:#f7f9fb;border-radius:6px;width:max-content;padding:7px 9px;font-size:11px;position:absolute;bottom:14px;left:62px}.library-resizer.preview-fold:after{content:"놓으면 아이콘 메뉴로 접힙니다"}.library-resizer.preview-close:after{content:"놓으면 라이브러리 내용을 닫습니다"}.library-resizer span{background:#fff;border:1px solid #c6d6df;border-radius:9px;place-items:center;width:18px;height:58px;font-size:18px;line-height:1;display:grid}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{background:#fff;border-bottom:1px solid #cedce4;justify-content:space-between;align-items:center;min-height:58px;padding:8px 28px;display:flex}.workspace-header h2{color:#243c4d;margin:0;font-size:18px;font-weight:500}.header-buttons{gap:8px;display:flex}.header-buttons button,.space-settings-title button{color:#49677b;background:#fff;border:1px solid #c9dbe4;border-radius:7px;padding:9px 12px;font-size:12px}.header-buttons .save{color:#163a4e;background:#76dece;border-color:#76dece;font-weight:700}.header-buttons .active-panel-button{color:#1c7e76;background:#e4fbf7;border-color:#76dece}.header-buttons .delete{color:#b84a4a;border-color:#f4c5c5}.header-buttons .delete:hover:not(:disabled){background:#fff4f4;border-color:#e97878}.header-buttons .delete:disabled{cursor:not-allowed;opacity:.42}.space-settings{z-index:2;background:#f7fbfd;border-bottom:1px solid #cadbe4;min-height:240px;max-height:260px;padding:15px 27px 18px;transition:max-height .2s,padding .2s,opacity .14s;overflow:hidden;box-shadow:0 6px 14px #25485e14}.space-settings.closed{opacity:0;pointer-events:none;border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0}.space-settings-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.space-settings-title small{color:#6d8a9c;font-size:11px}.space-settings-title h3{color:#29475b;margin:4px 0 0;font-size:16px}.settings-row{align-items:end;gap:10px;display:flex}.settings-row>label{color:#516f82;font-size:11px}.settings-row>label>div{margin-top:6px;position:relative}.settings-row input[type=number]{color:#29475b;background:#fff;border:1px solid #c7d9e3;border-radius:6px;width:105px;padding:9px 24px 9px 9px}.settings-row i{color:#7590a0;font-size:10px;font-style:normal;position:absolute;top:10px;right:8px}.space-summary{text-align:right;border-left:1px solid #d3e0e7;min-width:150px;margin-left:auto;padding:7px 13px}.space-summary small,.space-summary span{color:#718c9c;font-size:10px;display:block}.space-summary strong{color:#249e96;margin:3px 0;font-size:19px;display:block}.object-info-inline{border-left:1px solid #d3e0e7;flex:1;min-width:0;min-height:72px;padding:7px 0 7px 20px}.object-info-inline>small{color:#718c9c;margin-bottom:7px;font-size:10px;display:block}.object-info-controls{align-items:center;gap:8px;display:flex}.object-info-controls>strong{color:#29475b;min-width:86px;font-size:13px}.object-info-controls>span{color:#2b9488;font-size:10px}.object-info-controls>span.locked-label{color:#b88919}.object-info-controls label{color:#718c9c;align-items:center;gap:4px;font-size:10px;display:flex}.object-info-controls input[type=number]{color:#29475b;border:1px solid #c7d9e3;border-radius:5px;width:58px;padding:6px}.inline-color{background:#fff;border:1px solid #c7d9e3;border-radius:5px;width:31px;height:29px;padding:2px}.inline-lock{color:#49677b;background:#fff;border:1px solid #c7d9e3;border-radius:5px;padding:7px 9px;font-size:11px}.object-info-empty{color:#8aa1ae;font-size:12px}.canvas-area{flex:1;min-height:0;position:relative}.settings-ribbon{color:#253d49;background:#fff;border-bottom:1px solid #dfe6eb;flex:0 0 96px;align-items:stretch;gap:10px;height:96px;min-height:96px;padding:7px 10px;display:flex;overflow:hidden}.ribbon-content{scrollbar-width:thin;flex:1;gap:12px;min-width:0;display:flex;overflow:auto hidden}.ribbon-section{min-width:0}.object-section{border-left:1px solid #d3e0e7;flex:1 0 578px;padding-left:12px}.ribbon-heading{align-items:center;gap:9px;height:19px;margin-bottom:5px;display:flex}.ribbon-heading h3{color:#29475b;white-space:nowrap;margin:0;font-size:12px;font-weight:700;line-height:18px}.section-unit{color:#8296a2;margin-left:3px;font-size:10px;font-weight:400}.area-badge,.status-badge{color:#1f8b80;white-space:nowrap;background:#e1f5f0;border-radius:4px;padding:2px 6px;font-size:10px}.status-badge.is-locked{color:#947126;background:#fcf2d7}.object-badges{align-items:center;gap:6px;min-width:0;display:flex}.object-name{color:#627f90;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ribbon-fields{align-items:center;gap:6px;height:26px;display:flex}.space-section .ribbon-fields{grid-template-columns:repeat(2,109px);gap:4px 6px;height:auto;display:grid}.settings-ribbon .coordinate-input{flex:none;align-items:center;gap:5px;width:auto;margin:0;display:flex}.settings-ribbon .coordinate-input small,.ribbon-color>small,.ribbon-action>small{color:#688291;text-align:left;white-space:nowrap;margin:0;font-size:10px;line-height:14px;display:block}.settings-ribbon .coordinate-input input{color:#29475b;text-align:left;background:#fff;border:1px solid #c7d9e3;border-radius:4px;width:64px;min-width:0;height:26px;padding:4px 6px;font-size:11px}.space-section .coordinate-input{justify-content:space-between}.ribbon-action,.ribbon-color{flex:none;align-items:center;gap:5px;display:flex}.ribbon-action button{color:#49677b;white-space:nowrap;background:#fff;border:1px solid #c7d9e3;border-radius:4px;height:26px;padding:4px 7px;font-size:11px}.ribbon-action button:hover:not(:disabled){background:#e6f7f3;border-color:#69cabb}.settings-ribbon input:focus,.ribbon-action button:focus-visible{outline-offset:1px;outline:2px solid #5bc9ba}.settings-ribbon input:disabled,.ribbon-action button:disabled{opacity:.5;cursor:not-allowed}.ribbon-color input{background:#fff;border:1px solid #c7d9e3;border-radius:4px;width:30px;height:26px;padding:2px;display:block}.secondary-fields{margin-top:4px}.secondary-fields:empty{display:none}.rotation-actions{gap:3px}.ribbon-empty{color:#8ba0ad;align-items:center;height:52px;font-size:11px;display:flex}.header-buttons.ribbon-commands{border-left:1px solid #d3e0e7;flex:none;grid-template-rows:repeat(2,27px);grid-template-columns:repeat(2,64px);align-content:center;gap:4px;padding-left:10px;display:grid}.header-buttons.ribbon-commands button{white-space:nowrap;border-radius:4px;min-width:0;padding:3px 4px;font-size:10px}.settings-ribbon .ribbon-heading h3{color:#253d49}.settings-ribbon .section-unit,.settings-ribbon .object-name,.settings-ribbon .coordinate-input small,.settings-ribbon .ribbon-color>small,.settings-ribbon .ribbon-action>small,.settings-ribbon .ribbon-empty{color:#627b88}.settings-ribbon .object-section,.settings-ribbon .ribbon-commands{border-left-color:#dfe6eb}.settings-ribbon .coordinate-input input,.settings-ribbon .ribbon-action button,.settings-ribbon .ribbon-color input,.settings-ribbon .ribbon-commands button{color:#253d49;background:#f7f9fb;border-color:#d5dfe5}.settings-ribbon .ribbon-action button:hover:not(:disabled),.settings-ribbon .ribbon-commands button:hover:not(:disabled){background:#eaf8f4;border-color:#76dece}.settings-ribbon .ribbon-commands .save{color:#fff;background:#76dece;border-color:#76dece}.settings-ribbon .ribbon-commands .delete{color:#b94b4b}.settings-ribbon .area-badge,.settings-ribbon .status-badge{color:#16796d;background:#e0f5ee}.settings-ribbon .status-badge.is-locked{color:#876316;background:#fff3d5}.canvas-area canvas{display:block}.view-controls{background:#fff;border:1px solid #c6d8e3;border-radius:8px;display:flex;position:absolute;top:24px;left:24px;overflow:hidden;box-shadow:0 5px 13px #28495e1f}.view-controls span,.view-controls button{color:#587487;background:#fff;border:0;border-right:1px solid #d8e4ea;padding:10px 13px;font-size:12px}.view-controls button:last-child{border-right:0}.view-controls button.active{color:#1d7c77;background:#c9f2eb;font-weight:700}.app-shell{background:#f2f5f7;font-family:Arial,Malgun Gothic,sans-serif}.studio-brand{background:#fff}.studio-brand img{object-fit:contain;width:62px;height:58px}.components-heading h2{color:#243e4b}.components-heading small{color:#728794}.settings-ribbon .ribbon-commands .save{color:#163a4e}.rail-icon.active,.rail-icon:hover{color:#117f76}.asset-card:hover{border-color:#51b9aa}.component-item{color:#355365}.component-item.selected{color:#136f66;background:#e3f5f0;border-color:#79c9ba}.component-context-menu{color:#29475b;background:#fff;border-color:#d5dfe5}.component-context-menu button{color:#29475b}.component-context-menu button:hover{background:#e8f6f2}.canvas-area{flex-direction:column;display:flex}.canvas-area>div:first-child{inset:0;position:absolute!important}.viewer-toolbar{z-index:10;background:#fffffff7;border:1px solid #e1e7ec;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:12px;padding:7px;display:flex;position:relative;box-shadow:0 4px 16px #26465a0c}.viewer-mode-buttons,.viewer-actions{flex-wrap:wrap;gap:3px;display:flex}.viewer-toolbar button,.walk-options button{color:#4b6371;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 9px;font-size:11px}.viewer-toolbar button:hover,.walk-options button:hover{background:#f0f5f6}.viewer-toolbar button.active{color:#11796f;background:#ddf5ee;font-weight:700}.viewer-toolbar button:disabled{opacity:.4;cursor:not-allowed}.view-controls{z-index:5;flex:none;align-self:flex-start;margin:0 12px;position:relative;top:auto;left:auto}.view-controls span,.view-controls button{padding:8px 11px;font-size:11px}.is-viewing>.settings-ribbon,.is-viewing .library-sidebar,.is-viewing .library-resizer,.is-viewing .view-controls{display:none}.is-viewing .viewer-toolbar{margin:14px}.walk-options{z-index:5;background:#fffffff5;border:1px solid #dfe7eb;border-radius:9px;flex-wrap:wrap;align-self:flex-end;align-items:center;gap:7px;max-width:430px;margin:0 14px;padding:12px;display:flex;position:relative}.walk-options label{align-items:center;gap:5px;font-size:12px;display:flex}.walk-options input{color:#29475b;background:#fff;border:1px solid #ccdbe2;border-radius:5px;width:62px;padding:5px}.walk-options select{color:#29475b;background:#fff;border:1px solid #ccdbe2;border-radius:5px;padding:5px}.walk-options small{color:#6b808c;flex:1 0 100%;font-size:11px;line-height:1.6}.viewer-hint{z-index:5;color:#617985;background:#ffffffec;border:1px solid #e0e8ed;border-radius:8px;align-self:flex-end;margin:0 14px;padding:9px 12px;font-size:11px;position:relative}.viewer-notice{z-index:15;color:#29475b;background:#fff;border-radius:8px;max-width:90%;padding:12px 18px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #284b5520}.image-preview-backdrop{z-index:100;background:#17303c99;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.image-preview{background:#fff;border-radius:12px;flex-direction:column;width:min(1200px,95vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 12px 50px #172e4040}.image-preview header{border-bottom:1px solid #e2e8ec;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.image-preview header div{align-items:center;gap:12px;display:flex}.image-preview small{color:#7b8f99;font-size:11px}.image-preview button,.image-preview a{color:#2e665f;background:#e9f8f2;border:1px solid #d4e0e6;border-radius:6px;padding:8px 14px;font-size:12px;text-decoration:none}.image-preview img{object-fit:contain;width:100%;min-height:0;display:block}.app-shell:fullscreen{width:100vw;min-width:0;height:100vh}.settings-ribbon{flex:0 0 66px;gap:16px;height:66px;min-height:66px;padding:6px 12px 6px 0}.studio-brand{flex-basis:76px;padding:0 10px}.studio-brand img{width:48px;height:50px}.ribbon-content{align-items:center}.space-section{flex:none}.space-section .ribbon-fields{grid-template-columns:repeat(4,98px);gap:8px}.space-section .coordinate-input input{width:64px}.header-buttons.ribbon-commands{align-items:center;gap:5px;display:flex}.header-buttons.ribbon-commands button{height:30px;padding:5px 10px;font-size:11px}.studio-view-header{z-index:11;background:#fff;border-bottom:1px solid #dfe6eb;flex:none}.studio-view-header .viewer-toolbar{box-shadow:none;border:0;border-radius:0;justify-content:flex-start;gap:8px;margin:0;padding:5px 12px;position:static}.studio-view-header .viewer-mode-buttons{border-right:1px solid #e1e7ec;padding-right:10px}.studio-view-header .viewer-actions{margin-left:auto}.studio-view-header .viewer-toolbar button{padding:7px 9px}.studio-view-header .view-controls{box-shadow:none;border:0;border-radius:5px;align-self:center;margin:0;position:static}.studio-view-header .view-controls span{color:#8a9aa4}.studio-view-header .view-controls span,.studio-view-header .view-controls button{border:0}.studio-view-header .walk-options{border:0;border-top:1px solid #edf1f4;border-radius:0;gap:8px;max-width:none;margin:0;padding:5px 12px;position:static}.studio-view-header .walk-options small{text-align:right;flex:auto;margin-left:auto}.studio-view-header .walk-options button{padding:5px 9px}.studio-view-header .walk-options input,.studio-view-header .walk-options select{padding:3px 5px}.library-sidebar{transition:width .18s,flex-basis .18s}.library-drawer{transition:opacity .18s;display:block}.library-drawer>.asset-list{padding:14px 12px}.library-drawer .components-heading{margin:0 0 16px;padding:0 0 8px 12px}.library-drawer .components-heading:before{top:2px;bottom:10px}.library-resizer{touch-action:none;flex-basis:8px;width:8px}.right-sidebar{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.right-panel-resizer{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;color:#8c9ea8;background:#f4f7f9;border-left:1px solid #dfe6eb;border-right:1px solid #dfe6eb;flex:0 0 8px;place-items:center;width:8px;display:grid}.right-panel-resizer:hover,.right-panel-resizer.active{color:#168273;background:#def5ef}.side-panel{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.right-sidebar .components-panel{border:0;border-radius:0;flex:1 1 0;grid-area:auto;align-self:stretch;width:auto;min-width:0;margin:0;padding:0;transition:flex-grow .2s}.right-sidebar .components-panel.is-collapsed{flex:none}.right-sidebar .object-section{border-top:1px solid #dfe6eb;border-left:0;flex:0 auto;max-height:62%;padding:0}.right-sidebar .components-panel.is-collapsed+.object-section{max-height:calc(100% - 64px)}.panel-heading{color:#243e4b;text-align:left;background:#fff;border:0;flex:0 0 64px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.panel-heading:hover{background:#f6faf9}.panel-heading>span:first-child{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.panel-heading small{color:#82949e;letter-spacing:.3px;font-size:10px}.panel-heading strong{font-size:16px;font-weight:700}.panel-chevron{color:#76908e;font-size:20px;transition:transform .2s}.is-collapsed>.panel-heading .panel-chevron{transform:rotate(-90deg)}.panel-disclosure{opacity:1;flex:1;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .2s,opacity .15s;display:grid}.side-panel.is-collapsed>.panel-disclosure{opacity:0;visibility:hidden;flex:0;grid-template-rows:0fr}.panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.right-sidebar .component-tree{max-height:none;padding:0 12px 14px;overflow:visible}.right-sidebar .object-section .panel-scroll{padding:0 14px 16px}.side-panel.is-collapsed .panel-scroll{padding-top:0;padding-bottom:0}.object-selection-summary{margin-bottom:12px}.object-selection-summary:empty{display:none}.right-sidebar .object-badges{justify-content:space-between}.right-sidebar .object-name{color:#355365;font-size:12px;font-weight:600}.right-sidebar .object-fields{flex-direction:column;gap:14px;display:flex}.right-sidebar .ribbon-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px 8px;height:auto;display:grid}.right-sidebar .coordinate-input{flex-direction:column;gap:5px;width:auto;min-width:0;margin:0;display:flex}.right-sidebar .coordinate-input small,.right-sidebar .ribbon-action>small,.right-sidebar .ribbon-color>small{color:#718794;text-align:left;margin:0;font-size:10px}.right-sidebar .coordinate-input input{color:#29475b;text-align:left;background:#f7f9fb;border:1px solid #d5dfe5;border-radius:5px;width:100%;min-width:0;height:30px;padding:5px 7px;font-size:12px}.right-sidebar .ribbon-color,.right-sidebar .ribbon-action{flex-direction:column;align-items:stretch;gap:5px}.right-sidebar .ribbon-color input{width:100%;height:30px}.right-sidebar .ribbon-action button{background:#f7f9fb;height:30px}.right-sidebar .secondary-fields{border-top:1px solid #e8edf0;margin:0;padding-top:12px}.right-sidebar .rotation-actions{flex-direction:row;grid-column:span 2;display:flex}.right-sidebar .rotation-actions button{flex:1}.right-sidebar .ribbon-empty{height:auto;min-height:54px;padding-bottom:8px;line-height:1.7}.right-sidebar input:focus-visible,.right-sidebar button:focus-visible{outline-offset:1px;outline:2px solid #5ba}.right-sidebar input:disabled,.right-sidebar .ribbon-action button:disabled{opacity:.5;cursor:not-allowed}.is-viewing .right-sidebar,.is-viewing .right-panel-resizer{display:none}.is-viewing .studio-view-header .view-controls{display:flex}.viewer-hint{margin-top:12px}@media (width<=1200px){.settings-ribbon{gap:10px}.studio-view-header .viewer-toolbar{gap:5px;padding-inline:8px}.studio-view-header .viewer-toolbar button{padding-inline:7px}}@media (prefers-reduced-motion:reduce){.panel-disclosure,.panel-chevron,.right-sidebar .components-panel,.library-sidebar{transition:none}}.component-context-menu{width:176px;max-height:calc(100dvh - 16px);overflow-y:auto}.unified-ribbon.settings-ribbon{flex:0 0 88px;gap:0;height:88px;min-height:88px;padding:0;display:flex;overflow:hidden}.unified-ribbon .studio-brand{border-right:0;flex-basis:76px}.unified-ribbon .ribbon-content{scrollbar-width:thin;align-items:stretch;gap:0;padding:10px 0;overflow:auto hidden}.unified-ribbon .ribbon-section{border-left:1px solid #dbe3e8;flex-direction:column;flex:none;justify-content:flex-start;padding:0 16px;display:flex}.unified-ribbon .ribbon-heading{flex:0 0 23px;gap:8px;height:23px;margin:0 0 7px}.unified-ribbon .ribbon-heading h3{color:#294550;font-size:15px;font-weight:700;line-height:22px}.unified-ribbon .space-section .ribbon-fields{gap:8px;height:30px;display:flex}.unified-ribbon .space-section .coordinate-input{gap:4px}.unified-ribbon .space-section .coordinate-input input{width:53px;height:30px}.unified-ribbon .viewpoint-buttons,.unified-ribbon .viewer-mode-buttons,.unified-ribbon .viewer-actions{flex-wrap:nowrap;align-items:center;gap:3px;height:30px;display:flex}.unified-ribbon .viewpoint-buttons{gap:8px}.unified-ribbon .view-controls{height:30px;box-shadow:none;border:0;border-left:1px solid #e1e7ec;border-radius:0;align-self:auto;margin:0;padding-left:7px;display:flex;position:static;overflow:visible}.unified-ribbon .viewer-mode-buttons button,.unified-ribbon .viewer-actions button,.unified-ribbon .view-controls button{color:#496571;white-space:nowrap;background:#f4f7f9;border:1px solid #0000;border-radius:5px;height:30px;padding:5px 8px;font-size:11px}.unified-ribbon button:hover:not(:disabled){background:#edf8f4}.unified-ribbon .viewer-mode-buttons button.active,.unified-ribbon .viewer-actions button.active,.unified-ribbon .view-controls button.active{color:#12796f;background:#ddf5ee;border-color:#a6dfd2;font-weight:700}.unified-ribbon button:disabled{opacity:.4;cursor:not-allowed}.unified-ribbon .header-buttons.ribbon-commands{border:0;gap:4px;height:30px;padding:0}.unified-ribbon .header-buttons.ribbon-commands button{height:30px;padding:5px 8px}.unified-ribbon .walk-options{border:0;border-radius:0;flex-wrap:nowrap;align-self:auto;gap:6px;max-width:none;height:30px;margin:0;padding:0;position:static}.unified-ribbon .walk-options label{white-space:nowrap;font-size:11px}.unified-ribbon .walk-options input,.unified-ribbon .walk-options select{height:30px}.unified-ribbon .walk-options button{background:#f4f7f9;height:30px;padding:5px 8px}.unified-ribbon .walk-options small{display:none}.is-viewing>.unified-ribbon.settings-ribbon{display:flex}.is-viewing .unified-ribbon .space-section,.is-viewing .unified-ribbon .editing-section{display:none}.is-viewing .unified-ribbon .view-controls{display:flex}@media (width<=1400px){.unified-ribbon .ribbon-section{padding-inline:10px}.unified-ribbon .space-section .ribbon-fields{gap:5px}.unified-ribbon .space-section .coordinate-input input{width:48px}.unified-ribbon .viewer-mode-buttons button,.unified-ribbon .viewer-actions button,.unified-ribbon .view-controls button,.unified-ribbon .header-buttons.ribbon-commands button{padding-inline:6px}}.app-shell button{text-align:center;justify-content:center;align-items:center;gap:5px;display:inline-flex}.app-shell .asset-card{justify-content:center;display:flex}.app-shell .asset-card b,.app-shell .asset-card small{flex:none}.app-shell .asset-card strong,.app-shell .component-item span{flex:0 auto}.app-shell .component-item.nested{padding-right:15px}.app-shell .panel-heading{justify-content:center;padding-inline:36px;position:relative}.app-shell .panel-heading>span:first-child{text-align:center;align-items:center}.app-shell .panel-heading .panel-chevron{margin-top:-12px;position:absolute;top:50%;right:16px}.app-shell .component-context-menu button{text-align:center}.unified-ribbon .composition-actions{border-left:1px solid #e1e7ec;padding-left:7px}.unified-ribbon .ribbon-content{flex:auto;min-width:0}.unified-ribbon.settings-ribbon>.header-buttons.ribbon-commands.ribbon-primary-actions{background:#fff;border-left:1px solid #dbe3e8;flex:none;justify-content:flex-end;align-self:stretch;align-items:center;gap:5px;height:auto;margin-left:auto;padding:10px 12px;display:flex}.unified-ribbon.settings-ribbon>.header-buttons.ribbon-commands.ribbon-primary-actions button{min-width:55px;height:32px;padding:6px 9px;line-height:18px}@media (width<=1200px){.unified-ribbon.settings-ribbon>.header-buttons.ribbon-commands.ribbon-primary-actions{gap:4px;padding-inline:8px}.unified-ribbon.settings-ribbon>.header-buttons.ribbon-commands.ribbon-primary-actions button{min-width:48px;padding-inline:6px}}.app-shell .asset-card{text-align:left;grid-template-columns:22px minmax(0,1fr) auto;justify-content:normal;gap:7px;display:grid}.app-shell .component-item{text-align:left;justify-content:flex-start;gap:7px}.app-shell .component-item span{flex:1}.app-shell .component-item.nested{padding-left:15px;padding-right:6px}.app-shell .component-group-select{text-align:left;display:block}.app-shell .component-group-select small{margin-left:4px}.app-shell .right-sidebar .side-panel>.panel-heading{text-align:left;justify-content:space-between;padding:10px 16px}.app-shell .right-sidebar .side-panel>.panel-heading>span:first-child{text-align:left;align-items:flex-start;gap:3px;padding-left:12px;position:relative}.app-shell .right-sidebar .side-panel>.panel-heading>span:first-child:before{content:"";pointer-events:none;background:#76dece;border-radius:3px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.app-shell .right-sidebar .panel-heading small{color:#728794;letter-spacing:1px;text-align:left;margin:0;padding:0;font-size:10px;font-weight:500;line-height:15px;display:block}.app-shell .right-sidebar .panel-heading strong{color:#243e4b;letter-spacing:-.5px;text-align:left;margin:0;padding:0;font-size:19px;font-weight:700;line-height:25px;display:block}.app-shell .right-sidebar .side-panel>.panel-heading .panel-chevron{margin-top:0;position:static}.app-shell .led-image-overlay{white-space:nowrap;color:#fff;box-shadow:none;text-shadow:0 1px 3px #173b48,0 0 5px #173b4880;background:0 0;border:0;border-radius:0;padding:5px 7px;font-size:13px;font-weight:600}.app-shell .led-image-overlay:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}.app-shell .led-image-overlay:focus-visible{outline-offset:2px;outline:2px solid #76dece}.led-settings{border-top:1px solid #e0e8ed;padding-top:12px}.led-settings h4{color:#29475b;margin:0 0 10px;font-size:12px}.led-split-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.led-split-fields label{color:#718794;flex-direction:column;gap:5px;font-size:10px;display:flex}.led-split-fields select{color:#29475b;background:#f7f9fb;border:1px solid #d5dfe5;border-radius:5px;width:100%;height:30px;padding:4px 6px}.led-settings p{color:#7b909b;margin:8px 0;font-size:10px;line-height:1.6}.led-settings button{color:#26796e;background:#eff9f5;border:1px solid #cce4dd;border-radius:5px;min-height:30px;padding:5px 9px;font-size:11px}.led-settings>button{width:100%}.led-settings button:disabled{opacity:.45;cursor:not-allowed}.led-image-actions{gap:6px;margin-top:10px;display:flex}.led-image-actions button{flex:1}.led-image-filename{white-space:nowrap;text-overflow:ellipsis;color:#6e838d;margin-top:6px;font-size:10px;display:block;overflow:hidden}.app-shell .right-sidebar .components-panel.is-open{flex:0 auto;min-height:104px;max-height:calc(100% - 140px);transition:none}.app-shell .right-sidebar .components-panel.is-open:not([style]){max-height:50%}.app-shell .right-sidebar .components-panel.is-collapsed{flex:0 0 64px;min-height:64px}.app-shell .right-sidebar .object-section{flex:1 1 0;min-height:0;max-height:none}.app-shell .right-sidebar .object-section.is-collapsed{flex:0 0 64px;min-height:64px}.app-shell .right-sidebar .components-panel:has(~.object-section.is-collapsed){max-height:calc(100% - 64px)}.panel-height-resizer{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f7f9;border-top:1px solid #e0e8ed;border-bottom:1px solid #e0e8ed;flex:0 0 10px;justify-content:center;align-items:center;width:100%;display:flex}.panel-height-resizer>span{background:#a1b8c2;border-radius:3px;width:34px;height:3px}.panel-height-resizer:hover,.panel-height-resizer.active{background:#def5ef}.panel-height-resizer:hover>span,.panel-height-resizer.active>span{background:#269b8b}.resizing-panel-height,.resizing-panel-height *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.app-shell .component-context-menu{width:150px;min-width:150px}.app-shell .component-context-menu button{text-align:left;white-space:nowrap;justify-content:flex-start;padding:8px 10px;font-size:11px;display:flex}.canvas-area{background:#eee}.camera-dock{z-index:8;-webkit-user-select:none;user-select:none;background:#fffffff5;border:1px solid #dce2e5;border-radius:10px;width:258px;padding:5px;position:absolute;box-shadow:0 4px 16px #23344216}.camera-dock-grip{color:#829099;cursor:move;touch-action:none;justify-content:space-between;align-items:center;padding:2px 6px 5px;font-size:10px;display:flex}.camera-dock-grip i{font-size:15px;font-style:normal}.camera-dock-modes,.camera-dock-actions{gap:3px;display:flex}.app-shell .camera-dock button{color:#586974;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;height:28px;padding:0;display:flex}.camera-dock-modes button{flex:1;font-size:11px}.camera-dock-actions{border-top:1px solid #e8edef;margin-top:4px;padding-top:4px}.camera-dock-actions button{flex:1;font-size:19px}.app-shell .camera-dock button:hover{background:#edf4f2}.app-shell .camera-dock button.active{color:#187b6d;background:#dcf4ed}.app-shell .space-section .shadow-toggle{color:#627985;white-space:nowrap;flex-direction:row;align-self:center;align-items:center;gap:4px;font-size:11px;display:flex}.shadow-toggle input{accent-color:#2aa995;width:14px;height:14px;margin:0}.app-shell .camera-dock button{text-align:center;justify-content:center;align-items:center;gap:5px;line-height:1}.app-shell .camera-dock button svg{flex:0 0 18px;margin:0;display:block}.app-shell .camera-dock-actions button{min-width:0;padding:0}.space-display-toggles{flex-direction:column;justify-content:center;align-self:center;gap:5px;display:flex}.app-shell .space-display-toggles .shadow-toggle{align-self:flex-start;margin:0}.library-rail .rail-icon{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:66px;min-height:66px;padding:5px 1px;display:flex}.library-rail .rail-icon>span{font-size:25px;line-height:1}.library-rail .rail-icon small{white-space:normal;font-size:9px;line-height:1.3}.template-list{min-width:180px;padding:16px 14px}.venue-card{text-align:left;color:#324749;background:#fff;border:1px solid #dce5e5;border-radius:10px;flex-direction:column;gap:7px;width:100%;margin:0 0 12px;padding:9px;display:flex;overflow:hidden}.venue-card:hover,.venue-card.selected{background:#f1fbf8;border-color:#53bbaa}.venue-card.selected{box-shadow:0 0 0 1px #53bbaa}.venue-card strong{font-size:12px}.venue-card small,.template-note{color:#718585;font-size:11px;line-height:1.65}.template-preview{border-radius:6px;width:100%;height:98px;overflow:hidden}.empty-preview{background:linear-gradient(160deg,#e8eeee 55%,#d8e2e4 55%)}.plain-preview{background:#e8ebed}.ballroom-preview{perspective:100px;background:linear-gradient(90deg,#504237 0%,#95806a 25%,#b4a792 50%,#95806a 75%,#504237 100%);gap:8px;padding:13px 12px 35px;display:flex}.ballroom-preview i{background:#a99e8e;border:3px solid #f6d49a;flex:1;transform:rotateX(35deg);box-shadow:0 0 7px #e4c391}.carpet-preview{background-color:#24515b;background-image:repeating-radial-gradient(at 10% 180%,#0000 0 19px,#a08a6488 20px 23px,#0000 25px 47px),repeating-radial-gradient(at 120% -80%,#0000 0 28px,#b58b6366 29px 32px,#0000 34px 65px)}.template-ceiling{color:#345955;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.library-rail .rail-icon{gap:0;height:44px;min-height:44px;padding:8px}.effect-switch{white-space:nowrap;color:#526475;justify-content:space-between;align-items:center;gap:9px;min-height:24px;font-size:11px;display:flex}.effect-switch.disabled{opacity:.45}.effect-switch button[role=switch]{width:30px;min-width:30px;height:17px;min-height:17px;box-shadow:none;background:#e5e8ed;border:0;border-radius:999px;flex:0 0 30px;padding:0;transition:background .18s;display:block;position:relative}.effect-switch button[aria-checked=true]{background:#76dece}.effect-switch button i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002}.effect-switch button[aria-checked=true] i{transform:translate(13px)}.effect-switch button:focus-visible{outline-offset:3px;outline:2px solid #3c8ebd}.graphics-section{border-left:1px solid #d7e1e8;flex-shrink:0;padding-left:16px}.graphics-toggles{align-items:center;gap:16px;min-height:29px;display:flex}.space-section .effect-switch{align-self:center;margin-left:4px}.library-rail .rail-icon{box-sizing:border-box;border:1px solid #e2e9ed;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;min-height:42px;max-height:42px;padding:7px;display:flex}.library-rail .rail-icon svg{flex:none;width:26px;height:26px;display:block}.library-rail .rail-icon.active{border-color:#85d6c9}.project-list,.project-list form,.project-list label,.project-list p{text-align:left}.project-list .venue-card{text-align:left;align-items:stretch}.project-list .venue-card strong,.project-list .venue-card small{text-align:left;width:100%}.project-list form button{text-align:left;justify-content:flex-start}.template-list,.template-list .components-heading,.template-list .components-heading small,.template-list .components-heading h2,.template-list .venue-card,.template-list .venue-card strong,.template-list .venue-card small,.template-list .template-note{text-align:left}.template-list .venue-card{justify-content:flex-start;align-items:stretch}.template-list .venue-card strong,.template-list .venue-card small{width:100%;display:block}.project-list{color:#324749;font-family:inherit;font-size:12px}.project-list input,.project-list button,.project-list label{font-family:inherit;font-size:12px;line-height:1.5}.project-list .venue-card strong{font-size:12px;font-weight:700;line-height:1.5}.project-list .venue-card small,.project-list .template-note{font-size:11px;font-weight:400;line-height:1.65}.project-list input::placeholder{color:#718585;font-size:12px;font-weight:400}.unified-ribbon .ribbon-pager{flex:auto;align-self:stretch;min-width:0;display:flex;overflow:hidden}.unified-ribbon .ribbon-pager>.ribbon-content{scrollbar-width:none;flex:auto;min-width:0;overflow-x:hidden}.unified-ribbon .ribbon-pager>.ribbon-content::-webkit-scrollbar{display:none}.unified-ribbon .ribbon-page-arrow{border:0;color:#258f81;background:#f4faf8;border-inline:1px solid #e3ebe9;border-radius:0;flex:0 0 28px;justify-content:center;align-self:stretch;align-items:center;width:28px;padding:0;display:flex}.unified-ribbon .ribbon-page-arrow:hover:not(:disabled){background:#dff5ef}.unified-ribbon .ribbon-page-arrow:disabled{opacity:1;color:#bdcbc7;cursor:default;background:#fafcfb}.unified-ribbon .ribbon-page-arrow:focus-visible{outline-offset:-3px;outline:2px solid #258f81}.app-shell{min-width:0}.unified-ribbon.settings-ribbon{box-sizing:border-box;align-items:stretch;width:100%;min-width:0}.unified-ribbon .studio-brand{flex:0 0 76px;min-width:0}.unified-ribbon .ribbon-pager{flex-wrap:nowrap;height:100%}.unified-ribbon .ribbon-pager>.ribbon-content{box-sizing:border-box;flex-wrap:nowrap;align-items:stretch;height:100%;margin:0;padding:10px 0;display:flex}.unified-ribbon .ribbon-section{box-sizing:border-box}.unified-ribbon .ribbon-primary-actions{box-sizing:border-box;flex-shrink:0}@media (width<=1000px){.unified-ribbon .studio-brand{flex-basis:60px;padding:0 8px}.unified-ribbon.settings-ribbon>.ribbon-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:8px;display:grid}.unified-ribbon.settings-ribbon>.ribbon-primary-actions button{min-width:0;padding:4px 6px;font-size:10px}}.app-shell .right-sidebar,.app-shell .right-sidebar p,.app-shell .right-sidebar .components-empty,.app-shell .right-sidebar .ribbon-empty,.app-shell .right-sidebar .led-image-filename{text-align:left}.app-shell .right-sidebar .ribbon-empty{justify-content:flex-start}.app-shell .tool-dock{font-family:inherit}.app-shell .tool-dock-title{color:#294550;margin:0;font-family:inherit;font-size:12px;font-weight:700;line-height:22px}.app-shell .tool-dock .camera-dock-grip{gap:12px;min-height:28px}.app-shell .dock-title-actions{align-items:center;gap:6px;display:flex}.app-shell .camera-dock .dock-title-actions button{flex:0 0 24px;width:24px;height:24px}.app-shell .function-tool.is-floating{width:166px}.app-shell .function-dock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.app-shell .function-dock-grid button{width:100%;height:32px}.app-shell .tool-dock button:hover:not(:disabled){color:#247e72;background:#e8f6f2}.app-shell .tool-dock button:disabled{opacity:.38;cursor:default}.app-shell .tool-dock button:focus-visible{outline-offset:1px;outline:2px solid #76dece}.app-shell .tool-dock.is-docked{border:0;width:auto;min-width:0;box-shadow:none;z-index:auto;background:0 0;border-left:1px solid #d3e0e7;border-radius:0;flex:none;align-self:stretch;padding:0 12px;position:relative;top:auto;left:auto}.app-shell .tool-dock.is-docked .camera-dock-grip{cursor:default;height:23px;min-height:23px;margin:0 0 7px;padding:0}.app-shell .tool-dock.is-docked .tool-dock-title{color:#294550;font-size:15px;font-weight:700;line-height:22px}.app-shell .tool-dock.is-docked .tool-dock-body{align-items:center;gap:8px;height:28px;display:flex}.app-shell .tool-dock.is-docked .camera-dock-modes{flex:none;gap:3px}.app-shell .tool-dock.is-docked .camera-dock-modes button{flex:none;gap:4px;height:28px;padding:0 6px;font-size:11px}.app-shell .tool-dock.is-docked .camera-dock-actions{border-top:0;border-left:1px solid #e1e8ec;flex:none;gap:3px;margin:0;padding:0 0 0 8px}.app-shell .tool-dock.is-docked .camera-dock-actions button{flex:0 0 28px;width:28px;height:28px}.app-shell .tool-dock.is-docked .function-dock-grid{grid-template-columns:repeat(4,30px)}.app-shell .tool-dock.is-docked .function-dock-grid button{height:28px}.app-shell .stacked-save-actions>button{width:100%;min-height:28px}.app-shell .lock-submenu .lock-all-action{text-align:left;color:#29475b;background:0 0;border:0;border-bottom:1px solid #e0e9e6;justify-content:flex-start;width:100%;margin-bottom:4px;padding:9px 10px;font-size:12px;font-weight:600}.app-shell .lock-submenu button:hover{filter:brightness(.96)}.app-shell .camera-dock .dock-title-actions button svg{flex:0 0 13px;width:13px;height:13px}.app-shell:not(.is-viewing) .viewpoints-section,.app-shell.is-viewing .ribbon-content>:not(.viewpoints-section):not(.graphics-section),.app-shell.is-viewing .stacked-save-actions,.app-shell.is-viewing .viewer-hint{display:none}.studio-mode-switch{z-index:12;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.app-shell .studio-mode-switch button{white-space:nowrap;color:#607479;min-width:98px;height:34px;font:inherit;background:#fff;border:1px solid #d5dfdf;border-radius:7px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 7px #243a4510}.app-shell .studio-mode-switch button[aria-pressed=true]{color:#187f72;border-color:#55cdbb;box-shadow:inset 0 0 0 1px #55cdbb,0 2px 7px #243a4510}.app-shell .studio-mode-switch button:focus-visible{outline-offset:2px;outline:2px solid #258f81}.app-shell .composition-observation{background:#fff;border:1px solid #d5dfdf;border-radius:6px;padding:8px 12px;display:none;position:absolute;top:100%;left:0}.app-shell .viewpoints-section:has(.composition-observation) .viewpoint-buttons{gap:5px}.app-shell .viewpoints-section .composition-observation{border:0;margin-left:10px;padding:0;display:block;position:static}.app-shell .viewpoints-section:has(.composition-observation){grid-template-rows:23px 28px;grid-template-columns:auto auto;gap:7px 8px;display:grid}.app-shell .viewpoints-section:has(.composition-observation)>.ribbon-heading{grid-column:1/-1;margin:0}.app-shell .composition-observation .walk-options{align-items:center;gap:6px;display:flex}.app-shell .composition-observation .walk-options small{display:none}.app-shell.is-viewing .stacked-save-actions{display:none!important}.app-shell .library-sidebar,.app-shell .right-sidebar{transition:width .48s,flex-basis .48s,opacity .28s}.app-shell.is-viewing .library-sidebar,.app-shell.is-viewing .right-sidebar{opacity:0;pointer-events:none;visibility:hidden;display:flex;overflow:hidden;flex-basis:0!important;width:0!important;min-width:0!important}.app-shell .library-resizer,.app-shell .right-panel-resizer{transition:width .48s,flex-basis .48s,opacity .25s}.app-shell.is-viewing .library-resizer,.app-shell.is-viewing .right-panel-resizer{opacity:0;pointer-events:none;border:0;flex-basis:0;width:0;min-width:0;display:flex;overflow:hidden}.app-shell.mode-fade-out .ribbon-content,.app-shell.mode-fade-out .stacked-save-actions,.app-shell.mode-fade-out .tool-dock.is-floating,.app-shell.mode-fade-out .library-sidebar,.app-shell.mode-fade-out .right-sidebar{pointer-events:none;animation:.18s forwards wevent-menu-out}.app-shell.mode-fade-in .ribbon-content,.app-shell.mode-fade-in .stacked-save-actions,.app-shell.mode-fade-in .tool-dock.is-floating{animation:.42s both wevent-menu-in}.app-shell.mode-fade-in:not(.is-viewing) .library-sidebar,.app-shell.mode-fade-in:not(.is-viewing) .right-sidebar{animation:.48s both wevent-menu-in}@keyframes wevent-menu-out{0%{opacity:1}to{opacity:0}}@keyframes wevent-menu-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell .library-sidebar,.app-shell .right-sidebar,.app-shell .library-resizer,.app-shell .right-panel-resizer{transition:none}.app-shell.mode-fade-out *,.app-shell.mode-fade-in *{animation-duration:.01ms!important}}.app-shell .studio-body{isolation:isolate;position:relative}.app-shell .studio-body>.workspace{z-index:0;width:100%;min-width:0;height:100%;margin:0;position:absolute;inset:0}.app-shell .studio-body>.library-sidebar,.app-shell .studio-body>.library-resizer,.app-shell .studio-body>.right-panel-resizer,.app-shell .studio-body>.right-sidebar{z-index:2;position:relative}.app-shell .studio-body>.right-panel-resizer{margin-left:auto}.app-shell .studio-body>.right-sidebar{flex-shrink:0}.floating-tools-region{pointer-events:none;position:absolute;top:0;bottom:0}.floating-tools-region>.tool-dock{pointer-events:auto}.app-shell:not(.is-viewing) .graphics-section{display:none}.app-shell .space-section{grid-template-rows:22px 30px;grid-template-columns:repeat(4,max-content);align-content:center;align-items:center;gap:4px 10px;display:grid}.app-shell .space-section>.ribbon-heading{grid-area:1/1/auto/3;margin:0}.app-shell .space-section>.ribbon-fields,.app-shell .space-field-stack{display:contents}.app-shell .space-section>.ribbon-fields>.coordinate-input{grid-row:2}.app-shell .space-section>.ribbon-fields>.coordinate-input:first-child{grid-column:1}.app-shell .space-section>.ribbon-fields>.coordinate-input:nth-child(2){grid-column:2}.app-shell .height-field>.effect-switch{grid-area:1/3}.app-shell .grid-field>.effect-switch{grid-area:1/4}.app-shell .height-field>.coordinate-input{grid-area:2/3}.app-shell .grid-field>.coordinate-input{grid-area:2/4}.app-shell .space-field-stack>.effect-switch{white-space:nowrap;justify-content:space-between;gap:5px;font-size:10px}.app-shell .unified-ribbon.settings-ribbon>.header-buttons.ribbon-commands.ribbon-primary-actions.stacked-save-actions{border-left:0;min-width:0}.app-shell .stacked-save-actions>button{white-space:nowrap;min-width:0;padding-inline:4px}.booth-image-row{align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.booth-image-row>span{margin-right:auto}.booth-image-row button{padding:5px 7px;font-size:11px}