:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee;background:#202020;font:14px/1.4 Inter,system-ui,Segoe UI,sans-serif}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}.studio-app{background:#e8e8e8;flex-direction:column;height:100vh;display:flex;overflow:hidden}.studio-header{z-index:4;color:#eee;flex:none;box-shadow:0 2px 4px #0004}.studio-titlebar{background:#181818;align-items:center;gap:16px;height:47px;padding:0 24px;display:flex}.studio-logo{white-space:nowrap;align-items:center;gap:8px;display:flex}.studio-logo-mark{background:#f4f4f4;width:24px;height:24px;display:inline-block}.studio-divider{background:#444;width:1px;height:26px}.studio-document{color:#a5a5a5;white-space:nowrap;font-size:13px}.studio-links{color:#d5d5d5;gap:42px;margin-left:auto;font-size:13px;display:flex}.studio-download,.studio-save{color:#222;white-space:nowrap;background:#f2f2f2;padding:8px 14px}.studio-save{color:#fff;background:#2f92e6}.studio-menu{font-size:22px;display:none}.studio-toolbar{background:#222;align-items:center;gap:15px;height:50px;padding:0 24px;display:flex}.toolbar-history,.text-toolbar,.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-history{border-right:1px solid #444;padding-right:10px}.studio-toolbar button{color:#f5f5f5;min-width:25px;padding:5px}.studio-toolbar button.active{color:#fff;background:#4b4b4b}.text-toolbar select,.text-toolbar input,.device-picker{color:#eee;background:#2b2b2b;border:1px solid #555;height:31px;padding:0 7px}.text-toolbar select{width:105px}.text-toolbar select.toolbar-heading{width:58px}.toolbar-size{width:55px}.toolbar-color{width:31px;padding:2px!important}.toolbar-separator{background:#555;width:1px;height:24px}.toolbar-effects{letter-spacing:1px;white-space:nowrap;font-size:11px;font-weight:700}.toolbar-contrast{align-items:center;gap:3px;font-size:14px;display:flex}.toolbar-contrast input{accent-color:#fff;width:58px}.toolbar-hint{color:#999;font-size:13px}.toolbar-actions{margin-left:auto}.position-control{position:relative}.position-menu{z-index:9;background:#202020;width:150px;padding:6px;position:absolute;top:35px;right:-50%;box-shadow:0 2px 8px #0008}.position-menu button{text-align:left;width:100%;padding:7px 9px;font-size:12px;display:block}.position-menu button:hover{background:#444}.toolbar-actions button span{margin-left:4px}.device-picker{font-size:12px}.mobile-zoom{display:none}.studio-workspace{flex:1;min-height:0;position:relative}.studio-canvas-area{background:#e7e7e7;padding:0;display:block;position:absolute;inset:0;overflow:auto}.studio-workspace.sidebar-collapsed .studio-canvas-area{padding-left:0}.studio-stage-space{width:100%;height:100%;position:relative}.selection-actions{z-index:6;color:#fff;background:#1d1d1d;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;box-shadow:0 2px 6px #0007}.selection-actions button{color:#fff;padding:3px 5px;font-size:15px}.selection-position{white-space:nowrap;font-size:12px}.selection-actions label{border-left:1px solid #555;align-items:center;gap:3px;padding-left:3px;font-size:12px;display:flex}.selection-actions input{accent-color:#fff;width:55px}.desktop-zoom{z-index:4;color:#fff;background:#191919;border-radius:999px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0004}.desktop-zoom button{color:#fff;padding:0}.desktop-zoom span{text-align:center;min-width:38px}.studio-sidebar-wrap{z-index:6;position:absolute;inset:0 auto 0 0}.studio-sidebar{color:#eee;background:#171717;height:100%;display:flex;box-shadow:2px 0 4px #0002}.studio-rail{background:#141414;border-right:1px solid #363636;flex-direction:column;width:74px;display:flex}.rail-item{color:#eee;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:73px;font-size:22px;display:flex}.rail-item small{font-size:11px}.rail-item.active{background:#303030}.tool-panel{width:350px;padding:10px 12px;overflow-y:auto}.panel-tabs{background:#222;gap:0;margin-bottom:17px;padding:4px;display:flex}.panel-tabs button{color:#aaa;flex:1;padding:6px}.panel-tabs button.active{color:#fff;background:#303030;border:1px solid #444}.text-presets{flex-direction:column;align-items:center;gap:9px;padding-bottom:24px;display:flex}.text-presets button{color:#fafafa;letter-spacing:2px;padding:3px}.preset-h1{font-size:24px;font-weight:800}.preset-h2{font-size:18px;font-weight:800}.preset-body{font-size:14px;font-weight:700}.panel-add-actions{border-top:1px solid #333;border-bottom:1px solid #333;gap:8px;margin-bottom:12px;padding:10px 0;display:flex}.panel-add-actions button{color:#eee;border:1px solid #555;flex:1;padding:6px 8px}.tool-panel>div:last-child{color:#ddd}.sidebar-toggle{color:#999;z-index:3;background:#171717;border-radius:0 20px 20px 0;width:14px;height:76px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.studio-sidebar{position:relative}.studio-sidebar.collapsed .sidebar-toggle{height:76px}.tool-panel h3{margin:7px 0 14px;font-size:16px;font-weight:500}.tool-panel h4{margin-top:28px}.tool-panel p{color:#aaa;font-size:13px;line-height:1.5}.panel-search{color:#eee;background:#242424;border:1px solid #444;width:100%;margin:5px 0 10px;padding:9px 12px}.panel-caption{text-align:center}.asset-grid,.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.asset-grid button{background-position:50%;background-size:cover;border-radius:5px;height:100px}.asset-grid button:hover{border:1px solid #fff!important}.template-card{color:#fff;text-align:left;border-radius:4px;min-height:110px;padding:12px;font-size:17px;font-weight:700}.t0{background:#0d0d0d}.t1{color:#222;background:#dde9f8}.t2{background:#28675d}.t3{background:#7054b8}.brand-colors,.background-swatches{flex-wrap:wrap;gap:9px;display:flex}.brand-colors button,.background-swatches button{border:1px solid #777;width:36px;height:36px}.background-swatches button.selected{outline-offset:2px;outline:2px solid #fff}.background-custom{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.background-custom input{border:none;width:30px;height:30px}.panel-wide-button,.import-card button{color:#eee;border:1px solid #666;width:100%;padding:10px}.draw-tool-tabs{border:1px solid #444;margin-bottom:30px;display:flex}.draw-tool-tabs button{border-right:1px solid #444;flex:1;padding:9px 4px}.draw-tool-tabs button:last-child{border-right:0}.draw-tool-tabs button.active{background:#333}.tool-panel label{flex-direction:column;gap:9px;margin:21px 0;display:flex}.tool-panel label input{width:100%}.tool-panel label[type=color]{max-width:38px}.resize-presets{flex-direction:column;margin-top:20px;display:flex}.resize-presets button{color:#eee;border-bottom:1px solid #444;justify-content:space-between;padding:11px;display:flex}.resize-presets small{color:#aaa}.import-card{border:1px solid #555;flex-direction:column;gap:12px;padding:16px;display:flex}.import-card span{color:#aaa;font-size:13px}.tool-panel ul li{color:#ddd}.tool-panel ul li:hover{background:#303030!important}.tool-panel ul button{color:#ddd!important}@media (width<=860px){.studio-titlebar{gap:13px;height:55px;padding:0 18px}.studio-logo,.studio-divider{display:none}.studio-document{flex:1;font-size:15px}.studio-links,.studio-save{display:none}.studio-download{color:#fff;background:0 0;padding:6px;font-size:0}.studio-download:before{content:"⇩";font-size:21px}.studio-download span{display:none}.studio-menu{display:block}.studio-toolbar{height:50px;padding:0 18px}.text-toolbar{scrollbar-width:none;max-width:calc(100vw - 150px);overflow-x:auto}.text-toolbar::-webkit-scrollbar{display:none}.toolbar-effects,.toolbar-separator,.toolbar-actions>button span,.device-picker,.toolbar-hint{display:none}.toolbar-actions{gap:0}.toolbar-actions button:first-child{display:none}.studio-canvas-area{justify-content:safe center;padding:180px 22px 100px}.studio-sidebar-wrap{height:68px;top:auto}.studio-sidebar{width:100vw;height:68px}.studio-rail{border:0;flex-direction:row;width:100%;overflow-x:auto}.rail-item{min-width:74px;height:68px}.rail-item:nth-child(n+7),.sidebar-toggle{display:none}.tool-panel{background:#171717;width:100%;max-height:30vh;position:absolute;bottom:68px;overflow-y:auto;display:block!important}.studio-workspace.sidebar-collapsed .studio-canvas-area{padding-left:22px}.desktop-zoom{display:none}.mobile-zoom{z-index:5;background:#1e1e1e;border-radius:999px;align-items:center;gap:8px;padding:5px 9px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0005}.mobile-zoom button{padding:1px 7px;font-size:19px}.mobile-zoom span{text-align:center;min-width:38px}}@media (width<=430px){.studio-canvas-area{padding-left:12px;padding-right:12px}.rail-item{min-width:64px}.toolbar-history{padding-right:3px}.text-toolbar{gap:3px}.studio-toolbar{padding:0 8px}}.emagazine-page{color:#333;background:#f5f6f8;min-height:100vh;padding:24px;font-family:Arial,Helvetica,sans-serif}.emagazine-page .emagazine-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.emagazine-page .emagazine-header h1{color:#222;margin:0;font-size:20px;font-weight:600}.emagazine-page .total-count{color:#888;margin-left:8px;font-size:13px;font-weight:400}.emagazine-page .btn-primary{color:#fff;cursor:pointer;background:#c8102e;border:0;border-radius:4px;height:38px;padding:0 18px;font-size:13px;font-weight:500}.emagazine-page .btn-primary:hover{background:#a90d27}.emagazine-page .filter-card{background:#fff;border:1px solid #e3e5e8;border-radius:3px;margin-bottom:16px;padding:20px}.emagazine-page .filter-grid{grid-template-columns:minmax(250px,2fr) minmax(180px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr);gap:14px;display:grid}.emagazine-page .form-group{flex-direction:column;display:flex}.emagazine-page .form-group label{color:#555;margin-bottom:7px;font-size:12px;font-weight:500}.emagazine-page .form-group input,.emagazine-page .form-group select{color:#444;background:#fff;border:1px solid #d8dce1;border-radius:3px;outline:none;width:100%;height:38px;padding:0 11px;font-size:13px}.emagazine-page .form-group input::placeholder{color:#aaa}.emagazine-page .form-group input:focus,.emagazine-page .form-group select:focus{border-color:#c8102e}.emagazine-page .filter-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.emagazine-page .btn-search,.emagazine-page .btn-reset{cursor:pointer;border-radius:3px;height:36px;padding:0 18px;font-size:13px}.emagazine-page .btn-search{color:#fff;background:#c8102e;border:0}.emagazine-page .btn-search:hover{background:#a90d27}.emagazine-page .btn-reset{color:#555;background:#fff;border:1px solid #d5d8dc}.emagazine-page .btn-reset:hover{background:#f5f5f5}.emagazine-page .table-card{background:#fff;border:1px solid #e1e4e8;border-radius:3px;overflow:hidden}.emagazine-page .table-wrapper{width:100%;overflow-x:auto}.emagazine-page .emagazine-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.emagazine-page .emagazine-table thead{background:#fafbfc}.emagazine-page .emagazine-table th{color:#777;text-align:left;white-space:nowrap;border-bottom:1px solid #e3e5e8;height:42px;padding:0 10px;font-size:10px;font-weight:600}.emagazine-page .emagazine-table td{vertical-align:middle;border-bottom:1px solid #edf0f2;height:42px;padding:7px 10px;font-size:12px}.emagazine-page .emagazine-table tbody tr:hover{background:#fafafa}.emagazine-page .col-title{width:38%}.emagazine-page .col-date{width:12%}.emagazine-page .col-creator{width:15%}.emagazine-page .col-status{width:13%}.emagazine-page .col-pages{width:8%;text-align:center!important}.emagazine-page .col-actions{width:14%;text-align:center!important}.emagazine-page .title-link{color:#c8102e;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:12px;line-height:18px}.emagazine-page .title-link:hover{text-decoration:underline}.emagazine-page .date-cell{color:#8a8f94;white-space:nowrap}.emagazine-page .creator{color:#c8102e;font-weight:600}.emagazine-page .status{border-radius:3px;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.emagazine-page .status.published{color:#18864b;background:#eaf7ef}.emagazine-page .status.draft{color:#a66b00;background:#fff5df}.emagazine-page .pages{color:#666;text-align:center}.emagazine-page .action-buttons{justify-content:center;gap:5px;display:flex}.emagazine-page .action-btn{color:#70757a;cursor:pointer;background:#fff;border:1px solid #dfe2e5;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:15px;display:flex}.emagazine-page .action-btn:hover{background:#f5f5f5;border-color:#bbb}.emagazine-page .action-btn.delete:hover{color:#c8102e}.emagazine-page .empty-state{color:#999;text-align:center!important;height:150px!important}.emagazine-page .table-footer{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;min-height:55px;padding:0 14px;display:flex}.emagazine-page .result-info{color:#888;font-size:12px}.emagazine-page .result-info strong{color:#555}.emagazine-page .pagination{gap:4px;display:flex}.emagazine-page .pagination button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;min-width:30px;height:30px;padding:0 7px;font-size:12px}.emagazine-page .pagination button:hover:not(:disabled){color:#c8102e;border-color:#c8102e}.emagazine-page .pagination button.active{color:#fff;background:#c8102e;border-color:#c8102e}.emagazine-page .pagination button:disabled{cursor:not-allowed;opacity:.4}@media (width<=1200px){.emagazine-page .filter-grid{grid-template-columns:repeat(3,1fr)}.emagazine-page .keyword-field{grid-column:span 3}}@media (width<=768px){.emagazine-page{padding:12px}.emagazine-page .emagazine-header{align-items:flex-start;gap:12px}.emagazine-page .emagazine-header h1{font-size:17px}.emagazine-page .filter-grid{grid-template-columns:1fr}.emagazine-page .keyword-field{grid-column:auto}.emagazine-page .table-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}}