:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#e7edf4;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}select{min-width:0;padding:5px;border:1px solid #c4d0dd;border-radius:4px;background:#fff;color:#182235;font:inherit}button{cursor:pointer;padding:6px 9px;border:1px solid #c4d0dd;border-radius:4px;background:#fff;color:#182235}button:hover,button.active{border-color:#3b82f6;background:#e8f2ff}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.danger{color:#b91c1c}input{min-width:0;padding:6px;border:1px solid #c4d0dd;border-radius:4px}label{display:grid;gap:4px;font-size:12px}.app-shell{height:100%;display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.nav{display:flex;flex-direction:column;gap:7px;padding:18px 12px;background:#172033;color:#dce7f3}.brand{color:#fff;font-size:21px;font-weight:750}.subtitle{margin:3px 0 20px;color:#aabbd0;font-size:12px}.nav>button{text-align:left;border:0;background:transparent;color:inherit}.nav>button:hover,.nav>button.active{background:#2d405a}.nav-plans{margin-top:20px;overflow:auto}.nav-section-title{margin-bottom:6px;color:#aabbd0;font-size:11px;text-transform:uppercase}.nav-plan-row{display:flex}.nav-plan-row button{min-width:0;border:0;background:transparent;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-plan-row button:first-child{flex:1}.nav-delete{color:#fca5a5!important}.page{overflow:auto;padding:42px;background:#f8fafc}.page-header{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:28px}h1,h3,p{margin-top:0}.eyebrow{margin-bottom:5px;color:#2563eb;font-size:12px;font-weight:700;text-transform:uppercase}.plan-list{display:grid;gap:10px;max-width:860px}.plan-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid #d8e0ea;border-radius:7px;background:#fff}.plan-card span{display:block;color:#64748b;font-size:13px}.login-screen{display:grid;min-height:100%;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#34547a,#152237 60%)}.login-card{width:min(390px,100%);display:grid;gap:15px;padding:34px;border:1px solid #ffffff30;border-radius:12px;background:#fff;box-shadow:0 24px 70px #0005}.login-card h1{margin:0}.login-card p{margin:0;color:#617083}.login-card button{margin-top:8px}.login-mark,.app-monogram{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#2563eb;border-radius:8px;font-weight:800}.login-error{color:#b91c1c;font-size:13px}.layout-editor{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0;overflow:hidden;background:#dce5ef}.editor-chrome{flex:0 0 auto;border-bottom:1px solid #b8c5d3;background:#f8fafc;box-shadow:0 1px 3px #1720331c}.app-title{height:38px;display:flex;align-items:center;gap:9px;padding:0 14px;color:#192638;background:#fff}.app-title .app-monogram{width:25px;height:25px;border-radius:5px;font-size:10px}.project-name{margin-left:8px;padding-left:12px;border-left:1px solid #d8e1e9;color:#64748b;font-size:12px}.document-state{margin-left:auto;color:#64748b;font-size:11px}.document-state.dirty{color:#b45309;font-weight:700}.menu-tabs{display:flex;gap:2px;padding:0 12px;border-block:1px solid #d6e0e9;background:#f5f8fb}.menu-tabs button{border:0;border-radius:0;padding:7px 12px;background:transparent;font-size:12px}.menu-tabs button.active{color:#145ac0;border-bottom:2px solid #2563eb;background:#fff}.menu-bar{position:relative;z-index:20}.menu-dropdown{position:absolute;top:calc(100% - 1px);left:12px;z-index:30;display:grid;width:min(320px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 120px));overflow:auto;padding:6px;border:1px solid #b9c8d7;border-radius:5px;background:#fff;box-shadow:0 12px 30px #17203333}.menu-item{width:100%;min-height:32px;border:0;border-radius:3px;padding:6px 9px;text-align:left;background:transparent;font-size:12px}.menu-item:hover,.menu-item.active{border-color:transparent;background:#e8f2ff}.menu-item.danger{color:#b91c1c}.menu-separator{height:1px;margin:5px 3px;background:#dbe4ec}.menu-toggle{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 9px;border-radius:3px;font-size:12px}.menu-toggle:hover{background:#f3f7fb}.menu-toggle input{min-width:auto;padding:0}.menu-select{padding:4px 5px 7px;color:#506175;font-size:11px}.menu-select select{width:100%}.menu-note{margin:5px 8px;color:#64748b;font-size:11px;line-height:1.4}.save-feedback{padding:3px 14px;color:#166534;background:#ecfdf5;font-size:11px}.save-feedback.error{color:#b91c1c;background:#fef2f2}.editor-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;flex:1;min-height:0;transition:grid-template-columns .18s}.editor-grid.left-collapsed{grid-template-columns:52px minmax(0,1fr) 270px}.editor-grid.right-collapsed{grid-template-columns:250px minmax(0,1fr) 52px}.editor-grid.left-collapsed.right-collapsed{grid-template-columns:52px minmax(0,1fr) 52px}.tool-panel,.inspector{overflow:auto;padding:11px;background:#fff}.tool-panel{border-right:1px solid #cbd6e0}.inspector{border-left:1px solid #cbd6e0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h3{margin:0;font-size:14px}.panel-content{padding-top:10px}.panel-tab{display:flex;width:100%;min-height:36px;align-items:center;gap:7px;padding:6px 7px;border-color:#cbd6e0;background:#f8fafc;color:#26364a;font-size:11px;font-weight:750}.panel-tab b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-tab i{margin-left:auto;color:#2563eb;font-size:17px;font-style:normal}.panel-tab span{color:#2563eb;font-size:15px}.left-collapsed .panel-tab,.right-collapsed .panel-tab{min-height:92px;justify-content:center;padding:8px 4px}.left-collapsed .panel-tab b,.right-collapsed .panel-tab b{writing-mode:vertical-rl;transform:rotate(180deg)}.right-collapsed .panel-tab,.left-collapsed .panel-tab{flex-direction:column}.panel-heading button{padding:2px 8px}.panel-kicker{margin:0 0 8px;color:#718096;font-size:10px;font-weight:800;letter-spacing:.08em}.catalog-category{margin:7px 0;border:1px solid #e0e7ee;border-radius:5px;overflow:hidden}.category-toggle{display:flex!important;width:100%;justify-content:space-between;margin:0!important;border:0!important;border-radius:0!important;background:#f8fafc!important}.tool-panel .catalog-category>button:not(.category-toggle),.tool-panel>.primary{display:block;width:calc(100% - 10px);margin:4px 5px;text-align:left;font-size:12px}.quick-access-hint{margin:0 0 10px;color:#64748b;font-size:11px;line-height:1.4}.quick-access-list{display:grid;gap:6px}.quick-access-button{display:grid;grid-template-columns:26px minmax(0,1fr) 15px;align-items:center;width:100%;min-height:42px;padding:7px 8px;text-align:left;font-size:12px;font-weight:650}.quick-access-button i{color:#9aa9b9;font-style:normal;cursor:grab}.quick-access-icon{color:#2563eb;font-size:18px;font-weight:800;text-align:center}.quick-access-configure{width:100%;margin-top:10px;font-size:11px}.quick-access-config{display:grid;gap:5px;margin-top:8px;padding:8px;border:1px solid #d8e1e9;border-radius:5px;background:#f8fafc}.quick-access-config p{margin:0 0 2px;color:#64748b;font-size:11px}.quick-access-config label{grid-template-columns:auto auto 1fr auto;align-items:center;gap:5px;font-size:11px}.quick-access-config input{padding:0}.quick-access-config small{color:#718096;font-size:9px}.object-list-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:7px}.object-list-controls input,.object-list-controls select{width:100%;font-size:11px}.placed-object{display:flex;width:100%;justify-content:space-between;align-items:center;margin:3px 0;text-align:left;font-size:12px}.placed-object>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placed-object small{margin-left:8px;color:#718096;font-size:10px}.placed-object-list{max-height:260px;margin-bottom:12px;overflow:auto;border-bottom:1px solid #e1e8ef}.object-group{border-top:1px solid #edf1f5}.object-group:first-child{border-top:0}.explorer-section{margin-top:5px;border:1px solid #dbe4ed;border-radius:5px;overflow:hidden}.explorer-section-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:7px;border:0;border-radius:0;background:#f1f5f9;text-align:left;font-size:12px;font-weight:750}.explorer-section-toggle strong{color:#506175;font-size:10px}.explorer-section .object-group{margin:0 5px}.object-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:7px 4px;border:0;border-radius:0;background:transparent;text-align:left;font-size:12px}.object-group-toggle strong{display:grid;min-width:21px;height:19px;place-items:center;border-radius:10px;background:#e8eef5;color:#506175;font-size:10px}.object-group-items{padding:0 0 5px 8px}.canvas-region{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 26px;min-width:0;min-height:0;height:100%;background:#dce5ef}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;padding:35px 20px 20px 43px;background:#dce5ef;user-select:none;-webkit-user-select:none}.layout-canvas{display:block;width:100%;height:100%;background:#fff;box-shadow:0 3px 16px #33415555;touch-action:none;user-select:none;-webkit-user-select:none}.editor-context-menu{position:absolute;z-index:10;display:grid;min-width:175px;padding:4px;border:1px solid #b9c7d6;border-radius:6px;background:#fff;box-shadow:0 8px 24px #17203338}.editor-context-menu button{border:0;border-radius:3px;text-align:left;font-size:12px}.precision-magnifier{background:#fff}.ruler{position:absolute;z-index:2;display:flex;color:#5f6f82;background:#f8fafc;font-size:10px;pointer-events:none}.ruler-top{top:0;left:0;right:0;height:22px;justify-content:space-around;align-items:center;border-bottom:1px solid #c6d2de}.ruler-left{top:0;bottom:26px;left:0;width:28px;flex-direction:column;justify-content:space-around;align-items:center;border-right:1px solid #c6d2de}.ruler-left span{writing-mode:vertical-rl;transform:rotate(180deg)}.canvas-status{display:flex;align-items:center;gap:17px;overflow:auto;padding:0 12px;border-top:1px solid #c6d2de;color:#506175;background:#f8fafc;font-size:11px;white-space:nowrap}.inspector h3{margin:14px 0 8px;font-size:13px}.inspector label{margin:8px 0}.inspector label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}.inspector>button{width:100%;margin:4px 0}.background-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px;padding:6px;border:1px solid #dde6ed;border-radius:4px;font-size:11px}.background-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:#64748b;font-size:13px}.background-row{align-items:start}.background-row>div:first-child{display:grid;gap:5px;min-width:0;flex:1}.background-row label{display:flex;align-items:center;gap:5px;font-size:10px}.background-row input[type=range]{width:88px;padding:0}.background-actions{display:flex;gap:3px}.background-error{color:#b91c1c;font-size:11px}@media(max-width:1020px){.app-shell{grid-template-columns:1fr}.nav{display:none}.editor-grid{grid-template-columns:220px minmax(0,1fr) 250px}.editor-grid.left-collapsed{grid-template-columns:52px minmax(0,1fr) 250px}.editor-grid.right-collapsed{grid-template-columns:220px minmax(0,1fr) 52px}.editor-grid.left-collapsed.right-collapsed{grid-template-columns:52px minmax(0,1fr) 52px}.tool-panel,.inspector{padding:7px}.canvas-status span:nth-child(n+4){display:none}}@media print{.nav,.editor-chrome,.tool-panel,.inspector,.ruler,.canvas-status{display:none!important}.app-shell{display:block}.canvas-wrap{padding:0;background:#fff}.layout-canvas{box-shadow:none}}