:root{--primary-blue:#256fe6;--primary-blue-hover:#1f63d8;--primary-blue-ring:#256fe61f;--bg:#f5f7fb;--ink:#071025;--muted:#7f8a9c;--line:#dde4f0;--line-soft:#eaecf0;--panel:#fff;--nav:#111927;--nav-line:#202b3a;--green:#3b6d11;--red:#b91c1c}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0}body{background:var(--bg);color:var(--ink);margin:0;font-family:Be Vietnam Pro,Arial,sans-serif;font-size:15px;line-height:1.5;overflow:hidden}button,input,select{font:inherit}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23185fa5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px}select::-ms-expand{display:none}.panel,.workspace-grid,.admin-modal,.data-library-list,.review-table-wrap,.template-grid,.font-list,.row-list,.page-list,.custom-select-menu{scrollbar-width:thin;scrollbar-color:#94a3b800 transparent}.panel:hover,.workspace-grid:hover,.admin-modal:hover,.data-library-list:hover,.review-table-wrap:hover,.template-grid:hover,.font-list:hover,.row-list:hover,.page-list:hover,.custom-select-menu:hover{scrollbar-color:#94a3b8b8 transparent}.panel::-webkit-scrollbar{width:6px;height:6px}.workspace-grid::-webkit-scrollbar{width:6px;height:6px}.admin-modal::-webkit-scrollbar{width:6px;height:6px}.data-library-list::-webkit-scrollbar{width:6px;height:6px}.review-table-wrap::-webkit-scrollbar{width:6px;height:6px}.template-grid::-webkit-scrollbar{width:6px;height:6px}.font-list::-webkit-scrollbar{width:6px;height:6px}.row-list::-webkit-scrollbar{width:6px;height:6px}.page-list::-webkit-scrollbar{width:6px;height:6px}.custom-select-menu::-webkit-scrollbar{width:6px;height:6px}.panel::-webkit-scrollbar-track{background:0 0}.workspace-grid::-webkit-scrollbar-track{background:0 0}.admin-modal::-webkit-scrollbar-track{background:0 0}.data-library-list::-webkit-scrollbar-track{background:0 0}.review-table-wrap::-webkit-scrollbar-track{background:0 0}.template-grid::-webkit-scrollbar-track{background:0 0}.font-list::-webkit-scrollbar-track{background:0 0}.row-list::-webkit-scrollbar-track{background:0 0}.page-list::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.workspace-grid::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.admin-modal::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.data-library-list::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.review-table-wrap::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.template-grid::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.font-list::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.row-list::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.page-list::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.custom-select-menu::-webkit-scrollbar-thumb{background-color:#94a3b800;background-clip:padding-box;border:1px solid #0000;border-radius:999px;transition:background-color .18s,border-color .18s}.panel:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.workspace-grid:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.admin-modal:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.data-library-list:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.review-table-wrap:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.template-grid:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.font-list:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.row-list:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.page-list:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.custom-select-menu:hover::-webkit-scrollbar-thumb{background-color:#94a3b8b8}.panel:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.workspace-grid:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.admin-modal:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.data-library-list:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.review-table-wrap:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.template-grid:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.font-list:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.row-list:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.page-list:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}.custom-select-menu:hover::-webkit-scrollbar-thumb:hover{background-color:#64748bdb}button{cursor:pointer}button:disabled,label.disabled{cursor:not-allowed;opacity:.45}.login-shell{background:linear-gradient(180deg, #eff6ffd1, #f5f7fb), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#ffffffeb;border:1px solid #dce6f5;border-radius:16px;width:min(440px,100%);padding:28px;box-shadow:0 24px 70px #0f172a24}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-logo{object-fit:contain;background:#fff;border-radius:12px;width:42px;height:42px;padding:4px;box-shadow:0 1px 8px #0f172a14}.login-brand-name{color:var(--ink);font-size:17px;font-weight:850}.login-brand-sub{color:#64748b;font-size:13px;font-weight:700}.login-copy{margin-bottom:20px}.login-copy h1{color:var(--ink);letter-spacing:0;margin:0;font-size:26px;font-weight:850}.login-copy p{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:600}.app-shell{background:var(--bg);grid-template-columns:260px minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.side-nav{background:var(--nav);color:#d7deea;border-right:1px solid var(--nav-line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.side-brand{border-bottom:1px solid var(--nav-line);align-items:center;gap:12px;height:74px;padding:0 20px;display:flex}.brand-icon{object-fit:contain;background:#fff;border-radius:10px;width:36px;height:36px;padding:4px}.brand-name{color:#fff;letter-spacing:0;font-size:16px;font-weight:800}.brand-sub{color:#98a4b6;margin-top:1px;font-size:13px;font-weight:600}.side-section{min-height:0;padding-top:22px}.page-section{flex-direction:column;flex:auto;display:flex}.side-section-title,.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:700}.side-section-title{padding:0 20px 10px}.page-section-head{justify-content:space-between;align-items:center;gap:8px;padding:0 14px 10px 20px;display:flex}.page-section-head .side-section-title{padding:0}.page-add-btn,.page-delete-btn{color:#98a4b6;background:0 0;border:0;justify-content:center;align-items:center;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.page-add-btn{border-radius:8px;width:30px;height:30px}.page-add-btn:hover:not(:disabled),.page-delete-btn:hover:not(:disabled){color:#fff;background:#172235}.page-list{gap:4px;min-height:0;padding:0 10px 14px;display:grid;overflow:auto}.page-row{color:#d7deea;cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:4px;min-height:44px;padding:3px 5px;transition:background .12s,color .12s;display:grid}.page-row:hover{color:#fff;background:#172235}.page-row.active{background:var(--primary-blue);color:#fff}.page-row.active:hover{background:var(--primary-blue-hover)}.page-delete-btn{border-radius:7px;width:30px;height:30px}.page-row.active .page-delete-btn{color:#fff}.page-name-btn{width:100%;min-width:0;height:32px;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:7px;outline:none;padding:0 6px;font-size:12px;font-weight:750;overflow:hidden}.page-row input{width:100%;min-width:0;height:32px;color:inherit;background:0 0;border:0;border-radius:7px;outline:none;padding:0 6px;font-size:12px;font-weight:750}.page-row input:focus:not(:disabled){background:#ffffff1f}.page-row input:disabled{opacity:1}.side-tab,.side-link{color:#d7deea;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;height:50px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.side-tab:hover,.side-link:hover{color:#fff;background:#172235}.side-tab.on{background:var(--primary-blue);color:#fff}.side-footer{border-top:1px solid var(--nav-line);gap:8px;margin-top:auto;padding:18px 20px 20px;display:grid}.status-pill{color:#c9d2df;background:#172235;border:1px solid #263548;border-radius:999px;align-items:center;gap:8px;min-height:36px;margin-bottom:12px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.status-pill:disabled{opacity:1;cursor:default}.status-pill.ok:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}.status-pill.ok{color:#fff;background:var(--primary-blue);border-color:var(--primary-blue)}.side-footer .side-link,.side-footer .side-tab{border-radius:8px;height:42px;padding:0 12px}.settings-menu-wrap,.settings-menu-wrap .side-tab{position:relative}.settings-tab-caret{margin-left:auto;transition:transform .15s}.settings-menu-wrap.open .settings-tab-caret{transform:rotate(180deg)}.settings-menu-wrap:focus-within .side-tab{background:var(--primary-blue);color:#fff}.settings-submenu{opacity:0;gap:4px;width:100%;max-height:0;padding:0 0 0 14px;transition:max-height .16s,opacity .12s,padding .16s;display:grid;overflow:hidden}.settings-menu-wrap.open .settings-submenu{opacity:1;max-height:160px;padding-top:6px;padding-bottom:2px}.settings-subtab{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;transition:background .12s,color .12s,opacity .12s;display:flex}.settings-subtab:hover:not(:disabled){color:#fff;background:#172235}.settings-subtab:disabled{cursor:not-allowed;opacity:.48}.main-panel{flex-direction:column;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden}.admin-header{background:#fff;border-bottom:1px solid #dce3ed;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 30px;display:flex}.admin-header-main{align-items:center;gap:12px;min-width:0;display:flex}.header-mark{width:42px;height:42px;color:var(--primary-blue);background:#eff6ff;border-radius:10px;flex:none;place-items:center;display:grid}.page-size-title{color:#64748b;margin:0;font-size:15px;font-weight:700}.cloud-sync-pill{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:260px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.cloud-sync-pill.saving,.cloud-sync-pill.ready,.cloud-sync-pill.saved{color:#185fa5;background:#eff6ff;border-color:#bfdbfe}.cloud-sync-pill.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-header h1,.panel h2,.admin-modal h2{color:var(--ink);letter-spacing:0;margin:0;font-size:22px;font-weight:800}.admin-header p,.panel-head p{color:#98a4b6;margin:2px 0 0;font-size:14px;font-weight:500}.storage-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex:none;margin:10px 22px 0;padding:9px 12px;font-size:13px;font-weight:700}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-header-actions input[type=file],.btn input[type=file]{display:none}.btn{border:1px solid var(--line);color:#1a1a2e;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:#f4f7fb}.btn.blue{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.btn.blue:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}.btn.danger{color:var(--red);background:#fff;border-color:#fecaca}.btn.full{width:100%}.workspace-grid{flex:auto;grid-template-columns:300px minmax(360px,1fr) 320px;align-items:stretch;gap:16px;min-width:0;height:100%;min-height:0;padding:22px;display:grid;overflow:hidden}.panel,.canvas-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:0;max-height:100%;box-shadow:0 1px 4px #0f172a0a}.panel{overscroll-behavior:contain;min-width:0;padding:16px;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel h2{font-size:17px}.form-group{gap:6px;margin-bottom:12px;display:grid}.form-group label{color:#64748b;font-size:13px;font-weight:700}.form-group input,.form-group textarea,.form-group select,.search-control input{border:1.5px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 11px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.form-group textarea{resize:vertical;height:auto;min-height:86px;padding:10px 11px;line-height:1.35}.form-group select{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23185fa5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:40px}.form-group select:hover:not(:disabled){background-color:#f8fbff;border-color:#bfdbfe}.form-group select:disabled{cursor:not-allowed;color:#94a3b8;background-color:#f4f7fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#e2e8f0}.custom-select,.hex-color-field{min-width:0;position:relative}.native-color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hex-color-field input{text-transform:uppercase;padding-left:38px;padding-right:40px;font-family:Be Vietnam Pro,Arial,sans-serif}.hex-color-swatch{z-index:1;cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px;padding:0;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hex-color-field:focus-within .hex-color-swatch,.hex-color-swatch:hover:not(:disabled){border-color:var(--primary-blue)}.hex-color-picker-btn{z-index:1;color:#185fa5;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s,opacity .12s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.hex-color-picker-btn:hover:not(:disabled){color:var(--primary-blue);background:#eff6ff}.custom-select-trigger{border:1.5px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:#fff;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 11px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.custom-select-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-trigger svg{color:#185fa5;flex:none;transition:transform .16s,color .15s}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}.custom-select-trigger:hover:not(:disabled){background:#f8fbff;border-color:#bfdbfe}.custom-select.open .custom-select-trigger,.custom-select:focus-within .custom-select-trigger{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-ring)}.custom-select-trigger:disabled{cursor:not-allowed;color:#94a3b8;background:#f4f7fb;border-color:#e2e8f0}.custom-select-trigger:disabled svg{color:#94a3b8}.custom-select-menu{z-index:30;background:#fff;border:1px solid #cfe0f6;border-radius:8px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a1f}.custom-select-search{z-index:1;color:#64748b;background:#fff;border:1px solid #dbe3ef;border-radius:7px;align-items:center;gap:8px;min-height:38px;margin-bottom:4px;padding:0 10px;display:flex;position:sticky;top:0}.custom-select-search:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-ring)}.custom-select-search input{width:100%;min-width:0;height:34px;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:14px;font-weight:600}.custom-select-search input:focus{box-shadow:none;border:0}.custom-select-option{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:flex}.custom-select-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-option svg{flex:none}.custom-select-option:hover{background:#f4f7fb}.custom-select-option.selected{color:#185fa5;background:#eff6ff}.custom-select-empty{color:#94a3b8;align-items:center;min-height:36px;padding:0 9px;font-size:13px;font-weight:700;display:flex}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.search-control:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-ring)}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.search-control{border:1.5px solid var(--line);color:#7f8a9c;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;padding:0 8px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.search-control input{height:100%;box-shadow:none;border:0;padding:0;font-weight:500}.search-control input:focus{box-shadow:none}.selected-template-preview{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;position:relative;overflow:hidden}.selected-template-preview img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.selected-template-delete{width:30px;height:30px;color:var(--red);background:#fffffff0;border:1px solid #fecaca;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #0f172a24}.selected-template-change{border:1px solid var(--primary-blue);background:var(--primary-blue);color:#fff;border-radius:8px;min-height:32px;padding:0 10px;font-size:13px;font-weight:800;position:absolute;bottom:8px;right:8px;box-shadow:0 8px 18px #0f172a24}.icon-btn{color:#64748b;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{color:var(--ink);background:#eef2f7}.row-list{gap:8px;max-height:260px;margin-bottom:14px;padding-right:2px;display:grid;overflow:auto}.unit-row{text-align:left;background:#fbfdff;border:1px solid #eef2f7;border-radius:10px;justify-items:start;gap:2px;width:100%;min-height:52px;padding:9px 11px;transition:border-color .12s,background .12s;display:grid}.unit-row:hover,.unit-row.on{background:#eff6ff;border-color:#bfdbfe}.unit-row span{color:var(--ink);font-size:15px;font-weight:800}.unit-row small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.column-section{border-top:1px solid #eef2f7;padding-top:13px}.column-grid{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.column-chip{color:#185fa5;overflow-wrap:anywhere;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-items:center;gap:5px;max-width:100%;min-height:34px;padding:0 10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.column-chip:hover{background:#eff6ff;border-color:#bfdbfe}.canvas-panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{border-bottom:1px solid #eef2f7;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.canvas-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.zoom-controls{background:#eef2f7;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.zoom-btn,.fit-btn{color:#185fa5;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-height:34px;font-size:13px;font-weight:800;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.zoom-btn{width:36px;padding:0}.fit-btn{gap:6px;padding:0 10px}.zoom-btn:hover,.fit-btn:hover{color:var(--primary-blue);background:#fff;box-shadow:0 1px 4px #0f172a14}.zoom-value{color:#071025;background:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:58px;height:34px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 1px 4px #0f172a14}.history-controls{background:#eef2f7;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.history-btn{color:#185fa5;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:36px;min-height:34px;transition:background .12s,color .12s,opacity .12s,box-shadow .12s;display:inline-flex}.history-btn:hover:not(:disabled){color:var(--primary-blue);background:#fff;box-shadow:0 1px 4px #0f172a14}.history-btn:disabled{cursor:not-allowed;color:#94a3b8;opacity:.7}.canvas-tools{background:#eef2f7;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.tool-btn{color:#334155;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;font-weight:800;transition:background .12s,color .12s,opacity .12s,box-shadow .12s;display:inline-flex}.tool-btn:hover:not(:disabled),.tool-btn.active{color:#185fa5;background:#fff;box-shadow:0 1px 4px #0f172a14}.tool-btn:disabled{cursor:not-allowed;color:#94a3b8;opacity:.72}.segmented{background:#eef2f7;border-radius:10px;grid-auto-flow:column;gap:3px;padding:4px;display:inline-grid}.segmented.full{grid-auto-columns:1fr;width:100%}.segmented button{color:#64748b;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:54px;min-height:34px;font-size:13px;font-weight:800;display:inline-flex}.segmented button.on{color:#185fa5;background:#fff;box-shadow:0 1px 4px #0f172a14}.canvas-meta{color:#185fa5;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.canvas-shell{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background-color:#0000;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:auto;min-height:0;position:relative;overflow:auto}.canvas-shell::-webkit-scrollbar{width:0;height:0}.canvas-shell.panning,.canvas-shell.panning *{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-shell.hand-tool,.canvas-shell.hand-tool *{cursor:grab}.canvas-shell.text-tool,.canvas-shell.text-tool *{cursor:text}.canvas-shell.panning,.canvas-shell.panning *{cursor:grabbing}.canvas-workspace{justify-content:center;align-items:flex-start;width:-moz-fit-content;width:fit-content;min-width:100%;min-height:100%;padding:28px 36px 64px;display:flex}.stage-stack{flex:none;justify-items:center;gap:0;display:grid}.floating-canvas-tools{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffff94;border:1px solid #ffffffb8;width:max-content;margin:-54px 0 14px;position:sticky;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0f172a29}.floating-canvas-tools,.floating-canvas-tools *{cursor:default}.floating-canvas-tools .tool-btn:not(:disabled){cursor:pointer}.floating-canvas-tools .tool-btn{color:#1f3656}.floating-canvas-tools .tool-btn:hover:not(:disabled),.floating-canvas-tools .tool-btn.active{color:var(--primary-blue);background:#ffffffd1;box-shadow:0 6px 16px #256fe624}.stage-card{background:#fff;flex:none;position:relative;box-shadow:0 18px 44px #0f172a2e}.stage-card.transparent{box-shadow:none;background:0 0}.inline-text-editor{z-index:3;box-sizing:border-box;resize:none;background:#ffffff14;border:1.5px solid #256fe6;border-radius:0;outline:none;margin:0;padding:0 2px;display:block;position:absolute;overflow:hidden}.property-stack{display:grid}.alignment-tools{border-bottom:1px solid #eef2f7;gap:8px;margin-bottom:14px;padding-bottom:14px;display:grid}.alignment-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.align-btn,.align-action{color:#185fa5;background:#fff;border:1px solid #dbe3ef;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.align-btn{height:36px;padding:0}.align-action{min-height:36px;color:var(--ink);justify-content:flex-start;gap:8px;padding:0 10px;font-size:13px;font-weight:700}.align-btn:hover:not(:disabled),.align-action:hover:not(:disabled){color:var(--primary-blue);background:#eff6ff;border-color:#bfdbfe}.align-btn:disabled,.align-action:disabled{cursor:not-allowed;color:#94a3b8;background:#f4f7fb;border-color:#e2e8f0}.alignment-actions{gap:6px;display:grid}.empty-state{color:#98a4b6;background:#fbfdff;border:1px dashed #dbe3ef;border-radius:10px;place-items:center;gap:4px;min-height:104px;margin-bottom:14px;padding:14px;font-weight:700;display:grid}.export-panel,.admin-tools{border-top:1px solid #eef2f7;margin-top:14px;padding-top:13px}.export-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.export-controls{gap:8px;margin-top:10px;display:grid}.export-controls .form-group{margin-bottom:0}.legacy-export-grid{display:none}.admin-tools .btn{margin-top:2px}.modal-backdrop{z-index:50;background:#0206179e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border:1px solid #ffffffb3;border-radius:18px;width:min(390px,100%);padding:24px;box-shadow:0 20px 60px #05143247}.data-import-modal{width:min(760px,100%)}.data-library-modal{width:min(860px,100%);max-height:min(88vh,820px);overflow:auto}.template-library-modal{width:min(980px,100%);max-height:min(88vh,900px);overflow:auto}.library-page-backdrop,.template-library-page-backdrop{z-index:40;background:var(--bg);padding:22px;display:flex;position:fixed;inset:0 0 0 260px;overflow:hidden}.library-page-backdrop .data-library-modal,.library-page-backdrop .data-import-modal,.library-page-backdrop .font-library-modal,.template-library-page-backdrop .template-library-modal{width:100%;height:100%;max-height:none;box-shadow:none;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:auto}.template-library-page-backdrop .template-library-layout{flex:auto;min-height:0}.template-library-page-backdrop .template-folder-pane{flex-direction:column;display:flex}.template-library-page-backdrop .template-folder-list{flex:auto;max-height:none}.font-library-modal{width:min(760px,100%);max-height:min(88vh,820px);overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.modal-icon{width:44px;height:44px;color:var(--primary-blue);background:#eff6ff;border-radius:12px;place-items:center;display:grid}.danger-icon{color:var(--red);background:#fef2f2}.confirm-modal{width:min(420px,100%)}.confirm-copy{color:#64748b;margin:-2px 0 18px;font-size:14px;font-weight:600;line-height:1.55}.confirm-copy strong{color:var(--ink)}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-modal h2{margin-bottom:16px;font-size:22px}.form-error{min-height:22px;color:var(--red);margin:-2px 0 10px;font-size:14px;font-weight:600}.form-success{min-height:22px;color:var(--green);margin:-2px 0 10px;font-size:14px;font-weight:700}.data-dropzone{text-align:center;min-height:176px;color:var(--ink);cursor:pointer;background:#f8fbff;border:2px dashed #bfcee4;border-radius:14px;place-items:center;gap:7px;margin-bottom:14px;padding:24px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.data-dropzone:hover,.data-dropzone.dragging{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-ring);background:#eff6ff}.data-dropzone input{display:none}.data-dropzone strong{font-size:17px;font-weight:800}.data-dropzone span{color:var(--muted);font-size:14px;font-weight:600}.dropzone-icon{width:52px;height:52px;color:var(--primary-blue);background:#eff6ff;border-radius:14px;place-items:center;display:grid}.import-divider{color:#98a4b6;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;margin:12px 0;font-size:13px;font-weight:800;display:flex}.import-divider:before,.import-divider:after{content:"";background:#eef2f7;flex:1;height:1px}.import-status{color:#185fa5;margin-top:10px;font-size:14px;font-weight:700}.review-summary{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.review-summary strong,.review-summary span{display:block}.review-summary strong{color:var(--ink);font-size:15px;font-weight:800}.review-summary span{color:#64748b;margin-top:2px;font-size:13px;font-weight:700}.column-review{border-top:1px solid #eef2f7;flex-wrap:wrap;gap:7px;margin-bottom:12px;padding-top:12px;display:flex}.review-column-chip{color:#185fa5;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.review-table-wrap{border:1px solid #e2e8f0;border-radius:10px;max-height:260px;margin-bottom:14px;overflow:auto}.review-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.review-table th,.review-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:9px 10px}.review-table th{color:#64748b;background:#f8fafc;font-weight:800;position:sticky;top:0}.review-table td{color:var(--ink);font-weight:600}.data-library-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.data-library-search{flex:280px;max-width:460px;margin-bottom:0}.data-library-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:auto}.data-library-table{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font-size:14px}.data-library-table th,.data-library-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:16px 14px}.data-library-table th{z-index:1;color:#64748b;background:#f8fafc;font-size:13px;font-weight:850;position:sticky;top:0}.data-library-table td{color:var(--ink);font-weight:700}.data-library-table tr:last-child td{border-bottom:0}.data-library-table tbody tr{transition:background .12s,box-shadow .12s}.data-library-table tbody tr.active{box-shadow:inset 3px 0 0 var(--primary-blue);background:#fbfdff}.data-library-table input[type=checkbox]{width:18px;height:18px}.data-library-check-col{width:52px}.data-library-actions-col{text-align:right;width:120px}.data-library-table td:last-child,.data-library-table th:last-child{text-align:right}.data-library-empty{color:#64748b;height:96px;font-weight:800;text-align:center!important}.data-name-input{width:100%;min-width:220px;min-height:42px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;font-size:15px;font-weight:850}.data-name-input:focus{border-bottom-color:var(--primary-blue)}.data-library-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.data-preview-toggle{color:#185fa5;background:#fff;border-color:#dbe7f7;width:42px;height:42px}.data-preview-toggle:hover,.data-preview-toggle.active{color:var(--primary-blue);background:#eff6ff;border-color:#bfdbfe}.data-delete-toggle{color:#dc2626;background:#fff;border-color:#fecaca;width:42px;height:42px}.data-delete-toggle:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.data-preview-modal{flex-direction:column;width:min(1120px,100%);max-height:min(86vh,760px);display:flex}.data-preview-subtitle,.data-preview-note{color:#64748b;font-size:13px;font-weight:700}.data-preview-subtitle{margin:-6px 0 14px}.data-preview-table-wrap{max-height:52vh;margin-bottom:0}.data-preview-note{background:#fbfdff;border-top:1px solid #eef2f7;padding:10px 14px}.template-library-layout{grid-template-columns:240px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.template-folder-pane,.template-folder-content{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;min-height:0}.template-folder-pane{overflow:hidden}.template-folder-head,.template-current-folder-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 12px;display:flex}.template-folder-head span{color:var(--ink);font-size:14px;font-weight:850}.template-folder-list{max-height:560px;padding:8px;overflow:auto}.template-folder-row{color:#334155;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px 0 12px;display:grid;position:relative}.template-folder-row:hover,.template-folder-row.active{color:#185fa5;background:#eff6ff}.template-folder-row input{width:100%;min-width:0;height:32px;color:inherit;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;font-size:13px;font-weight:800}.template-folder-row input:focus{border-bottom-color:var(--primary-blue)}.template-folder-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.template-folder-menu-wrap{justify-content:flex-end;display:flex;position:relative}.template-folder-menu-btn{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.template-folder-menu-btn:hover{color:#185fa5;background:#256fe61f}.template-folder-menu{z-index:30;background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-width:142px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 26px #0f172a2e}.template-folder-menu button{width:100%;min-height:38px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eef2f7;padding:0 12px;font-size:13px;font-weight:800}.template-folder-menu button:last-child{border-bottom:0}.template-folder-menu button:hover{background:#f8fafc}.template-folder-menu button.danger{color:var(--red)}.template-folder-row.picker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.template-folder-row.picker{grid-template-columns:18px minmax(0,1fr)}.template-folder-content{padding:12px;overflow:auto}.template-current-folder-head{margin:-12px -12px 12px}.template-current-folder-head h3{color:var(--ink);margin:0;font-size:17px;font-weight:850}.template-current-folder-head p{color:#7f8a9c;margin:2px 0 0;font-size:13px;font-weight:700}.folder-chip-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px;display:grid}.folder-chip-card{color:#185fa5;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.folder-chip-card:hover{background:#eff6ff;border-color:#bfdbfe}.template-library-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.template-library-actions .btn.danger{order:1}.template-library-actions label.btn{order:2}.template-library-actions input[type=file]{display:none}.template-current-folder-head .template-library-actions{justify-content:flex-end;margin-bottom:0}.template-current-folder-head .template-library-actions .btn.danger,.template-current-folder-head .template-library-actions label.btn{order:0}.pending-template-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:170px minmax(0,1fr);gap:14px;margin-bottom:16px;padding:12px;display:grid}.pending-template-card img{aspect-ratio:4/3;object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%}.pending-template-main{min-width:0}.pending-template-meta,.template-meta{color:#7f8a9c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.pending-template-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.template-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:10px;transition:border-color .12s,box-shadow .12s;overflow:hidden}.template-card.active{box-shadow:0 0 0 3px var(--primary-blue-ring);border-color:#bfdbfe}.picker-card{text-align:left;width:100%;display:block}.picker-card:disabled{cursor:not-allowed;opacity:.55}.template-picker-name{min-width:0;min-height:38px;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.template-picker-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.template-picker-selected{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.template-thumb-wrap{background-color:#0000;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:9px;position:relative;overflow:hidden}.template-thumb-wrap img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.blank-image-placeholder{aspect-ratio:4/3;width:100%}.template-thumb-wrap input[type=checkbox]{z-index:2;width:18px;height:18px;position:absolute;top:8px;left:8px}.data-library-table input[type=checkbox],.template-thumb-wrap input[type=checkbox]{appearance:none;cursor:pointer;background:#fffffff0;border:1.5px solid #94a3b8;border-radius:4px;place-items:center;transition:background .12s,border-color .12s,box-shadow .12s;display:grid}.data-library-table input[type=checkbox]:hover,.template-thumb-wrap input[type=checkbox]:hover{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-ring)}.data-library-table input[type=checkbox]:checked,.template-thumb-wrap input[type=checkbox]:checked{border-color:var(--primary-blue);background:var(--primary-blue)}.data-library-table input[type=checkbox]:after,.template-thumb-wrap input[type=checkbox]:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.data-library-table input[type=checkbox]:checked:after,.template-thumb-wrap input[type=checkbox]:checked:after{opacity:1}.preview-template-btn{z-index:2;color:#185fa5;opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #dbe3ef;width:32px;height:32px;transition:opacity .16s,transform .16s,background .12s,color .12s;position:absolute;top:8px;right:8px;transform:translateY(-4px);box-shadow:0 8px 18px #0f172a24}.template-card:hover .preview-template-btn,.template-card:focus-within .preview-template-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.template-name-input{width:100%;min-width:0;min-height:38px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;margin-top:8px;font-size:14px;font-weight:800}.template-name-input:focus{border-bottom-color:var(--primary-blue)}.preview-backdrop{z-index:70}.template-preview-modal{gap:14px;width:min(980px,96vw);max-height:min(92vh,900px);display:grid;overflow:hidden}.template-preview-meta{color:#7f8a9c;margin:2px 0 0;font-size:13px;font-weight:700}.template-preview-frame{background-color:#0000;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:10px;min-height:0;max-height:68vh;overflow:auto}.template-preview-frame img{width:100%;height:auto;display:block}.blank-preview-placeholder{color:#94a3b8;place-items:center;min-height:420px;font-size:14px;font-weight:700;display:grid}.template-preview-actions{justify-content:flex-end;gap:8px;display:flex}.font-library-actions{justify-content:flex-end;margin-bottom:14px;display:flex}.font-library-actions input[type=file]{display:none}.font-list{gap:10px;display:grid}.font-empty-state{text-align:center;color:#98a4b6;background:#fbfdff;border:1px dashed #dbe3ef;border-radius:12px;align-content:center;place-items:center;gap:8px;min-height:220px;padding:24px;display:grid}.font-empty-state strong{color:var(--ink);font-size:16px;font-weight:800}.font-empty-state span{max-width:360px;font-size:14px;font-weight:600}.font-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.font-preview{color:#185fa5;background:#eff6ff;border-radius:10px;place-items:center;min-height:74px;font-size:28px;font-weight:800;line-height:1;display:grid}.font-card-main{min-width:0}.font-card-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.font-card-meta{color:#64748b;margin-top:2px;font-size:13px;font-weight:700}.font-style-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.font-style-list span{color:#185fa5;background:#f0f4fb;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}@media (max-width:1280px){.workspace-grid{overscroll-behavior:contain;grid-template-columns:280px minmax(360px,1fr);align-items:start;overflow:auto}.panel,.canvas-panel{max-height:none}.right-panel{grid-column:1/-1}.right-panel .property-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.right-panel .alignment-tools{grid-column:1/-1}.right-panel .export-panel,.right-panel .admin-tools{max-width:620px}}@media (max-width:880px){.app-shell{display:block}.side-nav{display:none}.admin-header{flex-wrap:wrap;align-items:flex-start;padding:14px 16px}.admin-header-actions{justify-content:flex-start;width:100%}.admin-header-actions .btn{flex:130px}.workspace-grid{grid-template-columns:1fr;padding:14px}.canvas-shell{min-height:520px}.right-panel .property-stack,.template-library-layout{grid-template-columns:1fr}.library-page-backdrop,.template-library-page-backdrop{padding:14px;inset:0}.template-folder-list{max-height:220px}}@media (max-width:560px){body{font-size:14px}.admin-header h1{font-size:19px}.canvas-toolbar,.form-row,.export-grid{grid-template-columns:1fr}.canvas-toolbar{display:grid}.canvas-toolbar-left{gap:8px;width:100%;display:grid}.zoom-controls{grid-template-columns:38px minmax(58px,1fr) 38px minmax(112px,1.25fr);width:100%;display:grid}.history-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.canvas-tools{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tool-btn{width:100%;min-width:0;padding:0 8px}.zoom-btn,.history-btn,.fit-btn,.zoom-value{width:100%;min-width:0}.canvas-meta{justify-content:center}.template-current-folder-head,.template-picker-footer{flex-direction:column;align-items:stretch}.template-current-folder-head .template-library-actions,.template-picker-footer .btn{width:100%}}