*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto}body.app-runtime{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{background:var(--bg);min-width:1180px;height:100vh;min-height:100vh;overflow:hidden}.top-bar{z-index:20;background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:176px repeat(4,150px) minmax(430px,1fr);align-items:end;gap:12px;min-height:76px;padding:12px 16px;display:grid;position:sticky;top:0;overflow-x:auto}.brand-block{color:var(--text);align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:42px;height:42px}.brand-block strong,.panel-heading strong,.strip-heading strong{font-size:17px;line-height:1.2;display:block}.brand-block span,.panel-heading span,.strip-heading span,.template-card span,.save-state{color:var(--text-muted);font-size:12px;display:block}.project-title{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:8px;width:260px;min-width:0;max-width:260px;height:42px;padding:0 12px;display:flex}.project-title input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:16px;font-weight:700}.top-control{place-content:end start;align-self:stretch;gap:6px;min-width:0;display:grid}.top-control>span{color:var(--text-muted);font-size:11px;font-weight:600}.project-title-control{width:260px}.fixed-control{justify-self:start}.orientation-control,.document-theme-control,.accent-control,.text-palette-control{width:150px}.segmented{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;align-items:center;max-width:100%;min-height:42px;padding:3px;display:inline-flex}.segmented button{max-width:116px;min-height:34px;color:var(--text);cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:0 0;border-radius:6px;padding:0 12px;line-height:1.15}.icon-segmented button{width:40px;min-width:40px;padding:0}.theme-dot{border:1px solid var(--border);cursor:pointer;outline-offset:2px;border-radius:50%;outline:2px solid #0000;width:22px;height:22px;padding:0;display:block}.theme-dot.active{outline-color:var(--accent)}.segmented-template{min-width:390px}.segmented-template button{min-width:74px}.segmented-format{justify-content:center;gap:12px;width:100%;min-width:100%;padding:0 10px}.segmented-format button{outline-offset:2px;border-radius:50%;outline:2px solid #0000;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:grid}.segmented button.active{background:var(--surface);color:var(--accent);font-weight:700}.segmented-format button.active{outline-color:var(--accent)}.accent-row{gap:8px;display:flex}.accent-panel{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:0 10px}.accent-dot{cursor:pointer;outline-offset:2px;border:1px solid #00000014;border-radius:50%;outline:2px solid #0000;width:22px;height:22px}.accent-dot.active{outline-color:var(--accent)}.palette-dot{outline-offset:2px;cursor:pointer;background:var(--surface);border:1px solid #00000024;border-radius:50%;outline:2px solid #0000;grid-template-rows:repeat(2,1fr);width:26px;height:26px;display:grid;overflow:hidden}.palette-dot i{display:block}.palette-dot.active{outline-color:var(--accent)}.top-actions{justify-content:flex-end;align-self:end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.top-page-link{white-space:nowrap;min-width:0;height:38px;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none}.icon-btn{width:42px;padding:0}.action-short-btn{min-width:72px;padding:0 10px;font-size:12px;font-weight:700}.top-icon-action{width:42px;min-width:42px;padding:0;position:relative}.btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.top-bar .btn:active,.top-bar .btn.action-feedback{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);transform:scale(.96)}.top-action-popover{z-index:5;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);color:var(--text);pointer-events:none;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;line-height:1;position:absolute;top:calc(100% + 6px);right:0}.btn-line{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-stacked{flex-direction:column;gap:1px;min-width:112px;padding:5px 13px}.btn-stacked small{color:var(--text-muted);font-size:10px;line-height:1}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 22px var(--accent-soft)}.btn-ghost{background:var(--surface);color:var(--text)}.btn.full{width:100%}.workspace{grid-template-columns:clamp(250px,19vw,300px) minmax(560px,1fr) clamp(288px,22vw,344px);gap:14px;height:calc(100vh - 76px);padding:14px;display:grid;overflow:hidden}.page-library,.right-panel,.page-strip,.vilray-cta{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000009}.page-library{flex-direction:column;align-self:start;height:calc(100vh - 104px);padding:14px;display:flex;position:sticky;top:94px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.template-group{margin-bottom:18px}.group-title{width:100%;min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;padding:9px 8px;font-size:13px;font-weight:700;display:flex}.group-title-copy{text-align:left;flex:auto;align-items:center;gap:8px;min-width:0;display:inline-flex}.group-title-copy>svg{color:var(--accent);flex:none}.group-title-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.group-title small{color:var(--accent);flex:none;margin-left:auto}.group-title>svg{flex:none;transition:transform .16s}.group-title.open>svg{transform:rotate(180deg)}.template-grid{grid-template-columns:1fr;gap:12px;display:grid}.template-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:start;gap:8px;padding:10px 14px 10px 10px;display:grid;position:relative}.template-preview{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-muted);cursor:zoom-in;border-radius:6px;grid-column:1/-1;width:100%;padding:0;position:relative;overflow:hidden}.fit-page-preview{width:100%;height:100%;position:relative;overflow:hidden}.fit-page-preview-scale{transform-origin:50%;pointer-events:none;position:absolute;top:50%;left:50%}.fit-page-preview .pdf-page{box-shadow:none;border:0}.template-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;display:block;overflow:hidden}.template-card-title{align-self:center;min-width:0}.template-preview-btn,.template-add-btn{z-index:2;place-self:center end;position:relative}.icon-btn,.tool,.strip-actions button,.close-btn{background:var(--surface-muted);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.work-area{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;display:grid;overflow:hidden}.canvas-wrap{min-height:0;position:relative;overflow:hidden}.canvas-toolbar{z-index:6;background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;height:46px;padding:6px;display:inline-flex;position:absolute;bottom:18px;right:22px;box-shadow:0 8px 22px #0000000d}.layout-toolbar-actions{align-items:center;gap:6px;margin-right:auto;display:flex}.layout-toolbar-actions .btn{gap:6px;min-height:34px;padding:7px 11px}.canvas-stage.layout-grid-active{background-color:#f4f4f7;background-image:linear-gradient(90deg,#7864a024 1px,#0000 1px),linear-gradient(#7864a024 1px,#0000 1px);background-position:0 0;background-size:20px 20px}.canvas-stage.layout-grid-active .pdf-page{background-image:linear-gradient(90deg,#7864a021 1px,#0000 1px),linear-gradient(#7864a021 1px,#0000 1px);background-position:0 0;background-size:20px 20px}.layout-toolbar-actions .btn.active{color:var(--accent,#8f6bc2);background:#8f6bc21f}.canvas-stage.layout-grid-active{background-image:linear-gradient(#745c9721 1px,#0000 1px),linear-gradient(90deg,#745c9721 1px,#0000 1px);background-size:20px 20px}.pdf-page.layout-grid-active{background-image:linear-gradient(90deg,#745c9724 1px,#0000 1px),linear-gradient(#745c9724 1px,#0000 1px);background-size:2% 2%}.page-zone.layout-editable{cursor:move;touch-action:none;overflow:visible}.zone-resize-handle{background:var(--document-accent,#9b79c6);cursor:nwse-resize;z-index:5;border:2px solid #fff;border-radius:3px;width:11px;height:11px;position:absolute;box-shadow:0 1px 4px #0000003d}.zone-resize-handle-nw{cursor:nwse-resize;top:-5px;left:-5px}.zone-resize-handle-n{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.zone-resize-handle-ne{cursor:nesw-resize;top:-5px;right:-5px}.zone-resize-handle-e{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.zone-resize-handle-se{cursor:nwse-resize;bottom:-5px;right:-5px}.zone-resize-handle-s{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.zone-resize-handle-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.zone-resize-handle-w{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.tool.active{background:var(--accent-soft);color:var(--accent)}.canvas-stage{justify-content:center;align-items:flex-start;height:100%;padding:0 18px 68px;display:flex;overflow:auto}.page-zoom-shell{transform-origin:top;transition:transform .16s}.empty-canvas{width:794px;height:560px;color:var(--text-muted);border:1px dashed var(--border);background:var(--surface);border-radius:8px;place-items:center;display:grid}.pdf-page{--document-divider:#2423216b;background:var(--document-bg,#fff);color:#24242a;width:794px;height:1123px;box-shadow:var(--shadow);border:1px solid #e6e1da;flex:none;position:relative;overflow:hidden}.pdf-page.format-a4_landscape{width:1123px;height:794px}.pdf-page[data-document-theme=beige]{background:var(--document-bg,#fff8ed);color:#272421}.pdf-page[data-document-theme=dark]{--document-divider:#f7f3ec8a;background:var(--document-bg,#24262a);color:#f7f3ec;border-color:#3b3e44}.pdf-page[data-document-theme=beige]{--document-divider:#604c347a}.pdf-page[data-document-theme=dark] .pdf-table{color:#f7f3ec;background:#2a2d31eb}.pdf-page[data-document-theme=dark] .pdf-table th{background:#34373c}.pdf-page[data-document-theme=dark] .pdf-table th,.pdf-page[data-document-theme=dark] .pdf-table td,.pdf-page[data-document-theme=dark] .feature-list,.pdf-page[data-document-theme=dark] .feature-list div{border-color:#51545b}.pdf-page[data-document-accent=purple]{--document-accent:#9b79c6;--document-accent-soft:#9b79c62b}.pdf-page[data-document-accent=gold]{--document-accent:#d0a43a;--document-accent-soft:#d0a43a2e}.pdf-page[data-document-accent=graphite]{--document-accent:#2f3338;--document-accent-soft:#2f333826}.pdf-page[data-document-accent=beige]{--document-accent:#8f5f3b;--document-accent-soft:#8f5f3b2e}.pdf-page[data-document-accent=blueGray]{--document-accent:#6e8aa1;--document-accent-soft:#6e8aa12e}.pdf-page[data-text-palette=classic]{--document-text:#1f2227;--document-text-muted:#8a8d8f}.pdf-page[data-text-palette=warm]{--document-text:#111;--document-text-muted:#704a32}.pdf-page[data-text-palette=contrast]{--document-text:#050505;--document-text-muted:#fff}.pdf-page[data-text-palette=muted]{--document-text:#3f4246;--document-text-muted:#d8cab8}.pdf-page[data-text-palette=graphite]{--document-text:#f3eee6;--document-text-muted:#2c3035}.page-watermark{pointer-events:none;background:linear-gradient(90deg,#9b79c60a,#0000 36%),radial-gradient(circle at 92% 8%,#b8975a14,#0000 28%);position:absolute;inset:0}.page-zone{text-align:left;color:inherit;white-space:pre-line;background:0 0;border:1px solid #0000;padding:0;display:block;position:absolute;overflow:hidden}.zone-text,.zone-features,.zone-table{color:var(--document-text,inherit)}.zone-text.text-tone-muted,.zone-features.text-tone-muted,.zone-table.text-tone-muted,.text-zone.text-tone-muted{color:var(--document-text-muted,var(--document-text,inherit))}.icon-zone{color:var(--document-text,inherit)}.page-zone.text-tone-muted .icon-zone{color:var(--document-text-muted,var(--document-text,inherit))}.page-zone.editable{border:1px dashed color-mix(in srgb, var(--document-accent,var(--accent)) 78%, white);cursor:pointer}.page-zone.editable:hover,.page-zone.selected{background:var(--document-accent-soft,var(--accent-soft));border-color:var(--document-accent,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--document-accent,var(--accent)) 58%, transparent)}.zone-image{object-fit:fill;object-position:center;border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:block}.divider-zone{border-radius:inherit;background:var(--divider-color,currentColor);width:100%;height:100%}.page-zone.zone-divider{background:0 0;border:0}.page-zone.zone-divider.editable{border:0}.page-zone.zone-divider.editable:hover,.page-zone.zone-divider.selected{box-shadow:none;outline:1px dashed color-mix(in srgb, var(--document-accent,var(--accent)) 72%, transparent);outline-offset:3px;background:0 0}.panel-zone{border-radius:inherit;width:100%;height:100%}.fit-cover{object-fit:cover;background-size:cover}.fit-fill{object-fit:fill;background-size:100% 100%}.fit-contain{object-fit:contain;background-color:#0000;background-size:contain}.text-zone{width:100%;height:100%;padding:4px;line-height:1.35}.text-hero{font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:700;line-height:1.05}.text-h1{font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1.12}.text-h2{font-size:20px;font-weight:700;line-height:1.25}.text-body{font-size:14px;line-height:1.55}.text-small{font-size:11px;line-height:1.45}.text-badge{background:var(--document-accent,var(--accent));color:#fff;letter-spacing:0;text-transform:uppercase;border-radius:7px;place-items:center;width:100%;height:100%;padding:8px 12px;font-size:12px;font-weight:800;display:inline-grid}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.text-zone.font-sans{font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}.text-zone.font-serif{font-family:Georgia,Times New Roman,serif}.text-zone.font-times{font-family:Times New Roman,Times,serif}.text-zone.font-arial{font-family:Arial,Helvetica,sans-serif}.text-zone.font-calibri{font-family:Calibri,Segoe UI,sans-serif}.text-zone.font-cambria{font-family:Cambria,Georgia,serif}.text-zone.font-palatino{font-family:Palatino Linotype,Palatino,Book Antiqua,serif}.text-zone.font-trebuchet{font-family:Trebuchet MS,Segoe UI,sans-serif}.text-zone.font-verdana{font-family:Verdana,Geneva,sans-serif}.text-zone.font-garamond{font-family:Garamond,Georgia,serif}.text-zone.text-regular{font-weight:400}.text-zone.text-bold{font-weight:700}.text-zone.text-italic{font-style:italic}.text-zone.text-underline{text-underline-offset:.14em;text-decoration:underline}.text-highlight-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;padding:.04em .16em}.pdf-table{border-collapse:collapse;background:#ffffffe0;width:100%;height:100%;font-size:10px}.pdf-table th,.pdf-table td{text-align:left;vertical-align:top;border:1px solid #e5ded5;padding:7px 6px}.pdf-table th{background:#f5f1ec;font-weight:700}.feature-list{border:1px solid #ede5db;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid}.feature-list div{text-align:center;border-right:1px solid #ede5db;place-items:center;gap:4px;padding:8px;font-size:10px;display:grid}.feature-list span{background:var(--document-accent-soft,var(--accent-soft));width:22px;height:22px;color:var(--document-accent,var(--accent));border-radius:50%;place-items:center;font-weight:700;display:grid}.icon-zone{width:100%;height:100%;color:inherit}.icon-single{align-content:center;gap:6px;height:100%;padding:8px;display:grid}.icon-row{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;height:100%;padding:6px;display:grid}.icon-row-item{align-content:start;justify-items:start;gap:3px;min-height:0;padding:8px 6px;display:grid}.icon-row.align-center .icon-row-item,.icon-single.align-center{text-align:center;justify-items:center}.icon-row.align-right .icon-row-item,.icon-single.align-right{text-align:right;justify-items:end}.icon-glyph-wrap{width:30px;height:30px;color:inherit;place-items:center;display:inline-grid}.icon-single strong,.icon-row-item strong{font-size:11px;line-height:1.2}.icon-single span,.icon-row-item span{color:var(--document-text-muted,#6f6a63);font-size:10px;line-height:1.2}.pdf-page-footer{color:#8a8178;justify-content:flex-end;gap:16px;font-size:11px;display:flex;position:absolute;bottom:28px;left:7%;right:7%}.pdf-signature{background:var(--document-accent,var(--accent));color:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:inline-flex;position:absolute;bottom:18px;left:7%;box-shadow:0 10px 26px #00000024}.page-strip{z-index:8;min-width:0;padding:12px;position:sticky;bottom:0}.strip-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.strip-list{grid-auto-columns:158px;grid-auto-flow:column;gap:10px;max-width:100%;padding-bottom:4px;display:grid;overflow-x:auto}.strip-card,.add-page-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-rows:auto auto 1fr;min-height:150px;padding:8px;display:grid}.strip-card[draggable=true]{cursor:grab}.strip-card.dragging{opacity:.55;cursor:grabbing}.strip-card.drop-target{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.thumb-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:100%;height:84px;overflow:hidden}.thumb-button>.fit-page-preview{pointer-events:none;width:100%;height:100%}.thumb-scale{transform-origin:0 0;pointer-events:none;width:794px;height:1123px;transform:scale(.103)}.thumb-scale .pdf-page,.check-thumb .pdf-page{box-shadow:none}.strip-card-meta{align-items:center;gap:7px;min-width:0;margin-top:8px;font-size:12px;display:flex}.strip-card-meta span{background:var(--accent);color:#fff;border-radius:6px;place-items:center;min-width:24px;height:22px;font-weight:700;display:grid}.strip-card-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip-actions{align-items:end;gap:5px;margin-top:8px;display:flex}.strip-actions button{place-items:center;width:28px;height:28px;display:grid}.add-page-card{color:var(--text-muted);cursor:pointer;border-style:dashed;grid-template-rows:1fr auto 1fr;place-items:center;gap:8px}.right-stack{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-rows:minmax(0,1fr) auto;align-self:start;gap:14px;min-width:0;height:calc(100vh - 112px);padding:12px;display:grid;position:sticky;top:94px;overflow:hidden}.right-panel{min-height:0;max-height:none;padding:14px;overflow:auto}.right-panel .panel-heading{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:1fr;row-gap:10px;margin:-14px -14px 12px;padding:14px;display:grid;position:sticky;top:-14px}.editor-heading-copy{gap:8px;display:grid}.editor-heading-copy>span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.editor-heading-tools{justify-items:start;display:grid}.empty-editor{text-align:center;min-height:360px;color:var(--text-muted);align-content:center;place-items:center;gap:12px;display:grid}.empty-editor strong{max-width:230px;color:var(--text)}.empty-icon{background:var(--accent-soft);width:74px;height:74px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.zone-type{background:var(--surface-muted);color:var(--text-muted);border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:inline-flex}.hide-zone-control{color:var(--text-muted);justify-self:start;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.hide-zone-control input{width:16px;height:16px;accent-color:var(--accent)}.field{gap:7px;margin-bottom:13px;display:grid}.field span,.quick-variants>span{color:var(--text-muted);font-size:12px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none}.field input,.field select{height:38px;padding:0 10px}.field textarea{resize:vertical;min-height:120px;padding:10px;line-height:1.5}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-editor-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.text-editor-card .editor-subtitle{margin:0}.text-format-row{flex-wrap:wrap;gap:6px;display:flex}.text-format-group{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;padding:3px;display:inline-flex}.text-format-btn{width:34px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.text-format-btn:hover{background:var(--surface-muted)}.text-format-btn.active{background:var(--accent-soft);color:var(--accent)}.text-format-btn.italic-preview{font-family:Georgia,serif;font-style:italic;font-weight:700}.text-format-btn.underline-preview{font-weight:800;text-decoration:underline}.text-editor-textarea{font-size:14px}.font-size-combobox{position:relative}.font-size-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;height:38px;padding-right:4px;display:grid}.field .font-size-input input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0 8px 0 10px}.font-size-input span{color:var(--text-muted);font-size:12px;font-weight:700}.font-size-caret{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid}.font-size-caret svg{transition:transform .15s}.font-size-combobox.open .font-size-caret,.font-size-caret:hover{background:var(--surface-muted);color:var(--text)}.font-size-combobox.open .font-size-caret svg{transform:rotate(180deg)}.font-size-menu{z-index:80;border:1px solid var(--border);background:var(--surface);max-height:220px;box-shadow:var(--shadow);border-radius:8px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.font-size-menu button{width:100%;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;padding:0 10px;font-size:12.5px;display:flex}.font-size-menu button:hover,.font-size-menu button.active{background:var(--accent-soft);color:var(--accent)}.quick-variants{gap:8px;margin-bottom:16px;display:grid}.quick-variants button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;padding:10px}.image-preview{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;height:170px;margin-bottom:12px;overflow:hidden}.editor-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin-bottom:12px;padding:12px}.editor-card .editor-subtitle{margin-top:0}.image-upload-card{gap:10px;display:grid}.image-upload-card .image-preview{background:var(--surface);margin-bottom:0}.drop-image-preview{outline-offset:-8px;outline:2px dashed #0000;transition:outline-color .16s,background-color .16s;position:relative}.drop-image-hint{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);max-width:calc(100% - 24px);color:var(--text-muted);pointer-events:none;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.drop-image-preview.drag-active .drop-image-hint{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--surface) 78%, var(--accent-soft))}.upload-button{border:1px solid var(--accent);height:42px;color:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.compact-upload-button{background:var(--surface);justify-self:stretch;height:34px;margin-bottom:0;padding:0 12px;font-size:12px;font-weight:800}.upload-button input{display:none}.table-editor{gap:10px;display:grid}.editor-note{background:var(--accent-soft);color:var(--text-muted);border-radius:8px;margin-bottom:10px;padding:10px;font-size:12px}.table-row-editor{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:10px}.row-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.row-title button{color:var(--danger);cursor:pointer;background:0 0}.field.compact{margin-bottom:8px}.editor-subtitle{color:var(--text);margin:16px 0 10px;font-size:13px;font-weight:800}.compact-note{flex-wrap:wrap;gap:7px;display:flex}.file-requirements{background:0 0;margin-bottom:0;padding:0}.file-requirements span{background:var(--surface-muted);color:var(--text-muted);border-radius:7px}.compact-note span{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.field input[type=range]{height:auto;accent-color:var(--accent);padding:0}.color-editor{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.design-card{margin-top:0;margin-bottom:12px}.design-card .editor-subtitle{margin-top:0}.color-input-row{align-items:center;gap:10px;display:flex}.color-input-row input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:42px;height:34px;padding:2px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches button{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:22px;height:22px}.icon-library{gap:10px;margin-bottom:12px;display:grid}.icon-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.icon-option{border:1px solid var(--border);background:var(--surface);min-height:72px;color:var(--text);cursor:pointer;text-align:center;border-radius:8px;justify-items:center;gap:6px;padding:10px 8px;display:grid}.icon-option span{font-size:11px;line-height:1.2}.icon-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.toggle-row{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;font-size:13px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.vilray-cta{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)) 0%, var(--surface) 70%), var(--surface);border-radius:8px;flex:none;padding:16px}.vilray-cta .cta-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;margin-bottom:10px;display:grid}.vilray-cta strong{font-size:15px}.vilray-cta p{color:var(--text-muted);margin:8px 0 10px;font-size:13px;line-height:1.5}.vilray-cta a{color:var(--accent);font-weight:700;text-decoration:none}.cta-tags{flex-wrap:wrap;gap:7px;display:flex}.cta-tags span{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.close-btn{background:0 0;position:absolute;top:22px;right:22px}.vilray-promo{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface)) 0%, var(--surface) 72%), var(--surface);border-radius:8px;gap:8px;padding:14px;display:grid}.vilray-promo span{color:var(--accent);font-weight:800}.promo-mark{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.promo-tags{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.promo-tags small{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=1500px){.top-bar{grid-template-columns:158px repeat(4,136px) minmax(390px,1fr);gap:8px;padding-inline:12px}.brand-block{gap:8px}.brand-logo{width:36px;height:36px}.orientation-control,.document-theme-control,.accent-control,.text-palette-control{width:136px}.accent-panel{gap:6px;padding-inline:8px}.action-short-btn{min-width:62px;padding-inline:8px}.top-actions .save-state{display:none}.workspace{grid-template-columns:244px minmax(520px,1fr) 292px;gap:10px;height:calc(100vh - 70px);padding:10px}.page-library,.right-panel{padding:12px}.page-library{height:calc(100vh - 92px);top:82px}.right-panel .panel-heading{margin:-12px -12px 10px;padding:12px;top:-12px}.panel-heading,.template-group{margin-bottom:10px}.canvas-stage{padding:0 12px 58px}.canvas-toolbar{height:40px;padding:4px;bottom:12px;right:14px}.page-strip{padding:10px}.strip-heading{margin-bottom:8px}.strip-list{grid-auto-columns:140px;gap:8px}.strip-card,.add-page-card{min-height:128px;padding:7px}.thumb-button{height:64px}.thumb-scale{transform:scale(.079)}.strip-card-meta{gap:4px;margin-top:6px}.strip-actions{margin-top:6px}}@media (height<=820px){.top-bar{min-height:66px;padding-block:8px}.workspace{height:calc(100vh - 66px)}.page-library{height:calc(100vh - 86px);top:76px}.page-strip{padding:8px 10px}.strip-heading{margin-bottom:6px}.strip-heading strong,.strip-heading span{font-size:12px}.strip-card,.add-page-card{min-height:118px}.thumb-button{height:58px}.thumb-scale{transform:scale(.071)}}body{background:radial-gradient(circle at 52% 4%, #ffffffeb, transparent 32%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,textarea,select{font-family:inherit}svg{flex-shrink:0}.app-shell{background:var(--bg)}.top-bar{background:color-mix(in srgb, var(--surface) 96%, transparent);border-bottom-color:var(--border);align-items:center;min-height:70px;padding:10px 22px;box-shadow:0 1px #18181e09}.brand-block{gap:11px}.brand-block strong,.panel-heading strong,.strip-heading strong{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:800}.brand-block span,.panel-heading span,.strip-heading span,.template-card span,.save-state{color:var(--text-muted);font-size:11.5px;font-weight:600}.top-control{gap:5px}.top-control>span,.field span,.quick-variants>span{color:var(--text-muted);font-size:11px;font-weight:700}.workspace{background:linear-gradient(180deg, #ffffff6b, transparent 220px), var(--bg);gap:12px;padding:12px}.page-library,.right-panel,.page-strip,.vilray-cta{border-color:var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 98%, transparent);box-shadow:var(--shadow)}.canvas-wrap{border-radius:var(--radius);background:linear-gradient(145deg,#e8e6e2e0,#f4f4f6eb),#e8e6e2}.canvas-stage{padding-top:10px}.canvas-toolbar{border-color:color-mix(in srgb, var(--border) 78%, transparent);border-radius:var(--radius);height:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;padding:6px;bottom:18px;left:20px;right:auto}.canvas-toolbar span{min-width:42px;color:var(--text-muted);text-align:center;font-size:11px;font-weight:800}.project-title,.search-field,.field input,.field textarea,.field select,.preset-library-control select,.cabinet-current-project,.cabinet-current-project-inline,.logo-upload{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition)}.project-title{height:38px}.project-title:focus-within,.search-field:focus-within,.field input:focus,.field textarea:focus,.field select:focus,.preset-library-control select:focus,.field .font-size-input:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.field .font-size-input input:focus{box-shadow:none;background:0 0;border:0}.project-title input,.search-field input,.field input,.field textarea,.field select{font-size:12.5px}.field textarea{line-height:1.55}.segmented,.accent-panel{border-radius:var(--radius-sm);background:var(--surface-muted);border:0;min-height:38px;padding:3px}.segmented button{min-height:32px;color:var(--text-muted);transition:background var(--transition), color var(--transition), box-shadow var(--transition);border-radius:6px;font-size:12px;font-weight:700}.segmented button:hover{color:var(--accent)}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #00000017}.theme-dot,.accent-dot,.palette-dot{border-color:color-mix(in srgb, var(--border-strong) 72%, transparent);transition:transform var(--transition), outline-color var(--transition), box-shadow var(--transition);box-shadow:inset 0 0 0 1px #ffffff61}.theme-dot:hover,.accent-dot:hover,.palette-dot:hover{transform:translateY(-1px)}.theme-dot.active,.accent-dot.active,.palette-dot.active{outline-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn,.icon-btn,.tool,.strip-actions button,.close-btn{border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition)}.btn{border:1.5px solid var(--border);min-height:38px;font-size:12.5px;font-weight:700}.btn:hover,.icon-btn:hover,.tool:hover,.strip-actions button:hover,.close-btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--accent);background:var(--accent-soft)}.btn-primary{border-color:var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 28%, transparent)}.btn-primary:hover{color:#fff;background:var(--accent-dark);box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 36%, transparent)}.btn-ghost,.icon-btn,.tool,.strip-actions button,.close-btn{background:var(--surface);color:var(--text-muted)}.top-bar .btn{min-height:38px}.top-bar .btn:active,.top-bar .btn.action-feedback{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.panel-heading{margin-bottom:12px}.page-library,.right-panel{padding:14px}.library-project-title{border-bottom-color:var(--border);margin-bottom:14px;padding-bottom:13px}.group-title{border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--transition), color var(--transition);padding:8px 9px;font-size:12.5px}.group-title:hover,.group-title.open{background:var(--surface-muted);color:var(--text)}.group-title small{color:var(--accent);font-weight:800}.template-card,.strip-card,.add-page-card,.check-page,.cabinet-card,.settings-card,.saved-project-card,.quick-variants button,.editor-card,.table-row-editor,.icon-option{border-color:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:none;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition), background var(--transition)}.template-card:hover,.strip-card:hover,.icon-option:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent), var(--shadow)}.template-card strong,.strip-card-meta strong{color:var(--text);font-weight:800}.template-preview,.thumb-button,.check-thumb,.image-preview{border-color:var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.strip-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow)}.strip-card-meta span,.check-page>span{background:var(--accent);color:#fff;box-shadow:0 6px 14px color-mix(in srgb, var(--accent) 26%, transparent)}.add-page-card{color:var(--text-muted);border-style:dashed}.add-page-card:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.right-panel .panel-heading{background:color-mix(in srgb, var(--surface) 96%, transparent);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zone-type,.editor-note,.empty-icon,.compact-note span,.cta-tags span,.promo-tags small{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.color-editor,.design-card,.editor-card,.table-row-editor{background:var(--surface-muted)}.swatches button,.color-input-row input[type=color]{border-color:var(--border)}.upload-button{border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);font-weight:800}.drop-image-preview.drag-active{outline-color:var(--accent);background:var(--accent-soft)}.icon-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.page-zone.editable{border-color:color-mix(in srgb, var(--document-accent,var(--accent)) 76%, transparent)}.page-zone.editable:hover,.page-zone.selected{border-color:var(--document-accent,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--document-accent,var(--accent)) 60%, transparent), 0 0 0 3px color-mix(in srgb, var(--document-accent,var(--accent)) 12%, transparent)}.page-strip{border-radius:calc(var(--radius) + 4px);padding:13px 16px 14px}.strip-list{gap:12px}.vilray-cta,.vilray-promo{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface)) 0%, var(--surface) 70%), var(--surface)}.vilray-cta .cta-icon,.promo-mark{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.export-modal,.library-modal{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:0 24px 70px #0000002e}.export-title-row,.cabinet-header{border-bottom-color:var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.warning{border-radius:var(--radius);border-color:#e9a13a61}.success-warning,.info-box{border-radius:var(--radius)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}@media (width<=1500px){.top-bar{min-height:66px;padding-inline:14px}.workspace{gap:10px;padding:10px}.page-strip{padding:10px 12px}}.canvas-stage{align-items:flex-start;padding:12px 18px 64px}.page-zoom-shell{margin:0 auto}.right-stack{border-radius:var(--radius);height:calc(100vh - 100px);padding:10px;top:88px}.empty-editor{min-height:280px;padding:22px}.empty-icon{border-radius:var(--radius);width:62px;height:62px}.json-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.json-actions .btn{justify-content:center;gap:7px;padding-inline:10px}@media (width<=1500px){.workspace{grid-template-columns:236px minmax(500px,1fr) 278px;height:calc(100vh - 76px)}.canvas-stage{padding:10px 12px 54px}.page-strip{padding:9px 12px 10px}.strip-heading{margin-bottom:7px}.strip-list{grid-auto-columns:138px;gap:8px}.strip-card,.add-page-card{min-height:118px;padding:7px}.thumb-button{height:58px}.thumb-scale{transform:scale(.074)}.strip-card-meta{margin-top:6px}.strip-actions{margin-top:5px}.strip-actions button{width:25px;height:25px}.right-stack{gap:10px;height:calc(100vh - 88px);padding:8px;top:78px}.right-panel{padding:12px}.empty-editor{min-height:235px}}@media (height<=820px){.workspace{grid-template-rows:minmax(0,1fr)}.canvas-stage{padding-bottom:48px}.page-strip{padding-block:8px}.strip-list{grid-auto-columns:136px}.strip-card,.add-page-card{min-height:112px}}.top-bar{grid-template-columns:176px 150px 150px 250px minmax(390px,470px) minmax(220px,1fr);align-items:center;gap:12px;min-height:84px}.orientation-control,.document-theme-control{width:150px}.accent-control{width:250px}.text-palette-control{width:100%}.format-dot-panel{gap:12px}.format-dot{width:28px;height:28px;color:var(--text-muted);background:var(--surface);outline-offset:2px;cursor:pointer;border-radius:50%;outline:2px solid #0000;place-items:center;padding:0;display:grid}.format-dot.active{color:var(--accent);outline-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.font-color-panel{border-radius:var(--radius-sm);background:var(--surface-muted);gap:4px;min-height:42px;padding:5px 7px;display:grid}.font-color-row,.palette-reset-row{align-items:center;gap:5px;min-width:0;display:flex}.font-color-row small{width:28px;color:var(--text-muted);font-size:10px;font-weight:800;line-height:1}.text-color-dot,.palette-preset-dot{border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);outline-offset:1px;cursor:pointer;border-radius:50%;outline:2px solid #0000;width:16px;height:16px;padding:0}.text-color-dot.active,.palette-preset-dot.active{outline-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.palette-preset-dot{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.palette-preset-dot i{display:block}.color-picker-dot{border:1.5px dashed var(--accent);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative;overflow:hidden}.color-picker-dot.small{width:17px;height:17px}.color-picker-dot span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.color-picker-dot.small span{width:9px;height:9px}.color-picker-dot input,.color-picker-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.btn-export-soft,.btn-primary.btn-export-soft{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 13%, var(--surface));color:var(--accent);box-shadow:none}.btn-export-soft:hover,.btn-primary.btn-export-soft:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, var(--surface));color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.top-actions .top-icon-action{border-radius:50%}.right-stack{grid-template-rows:auto minmax(0,1fr) auto}.page-library{height:calc(100vh - 108px);top:96px}.right-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 98%, transparent);box-shadow:var(--shadow);align-items:center;gap:7px;padding:8px;display:flex}.right-toolbar .action-short-btn{flex:auto;min-width:74px}.right-toolbar .top-icon-action{border-radius:var(--radius-sm);width:36px;min-width:36px;min-height:36px}.color-picker-button{border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);width:46px;min-width:46px;color:var(--accent);cursor:pointer;justify-items:center;gap:4px;padding:5px 4px;font-weight:800;display:grid;position:relative;overflow:hidden}.color-picker-button span{border:1px solid var(--border);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff6b}.color-picker-button small{font-size:10px;line-height:1}.swatches button.active{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px var(--accent-soft)}.reset-design-btn{border-color:var(--accent);background:var(--surface);color:var(--accent);font-weight:800}.reset-design-btn:hover{background:var(--accent-soft);color:var(--accent)}.vilray-cta strong,.export-grid h3,.library-modal h3,.modal-title h2,.cabinet-header h2{color:var(--text)}.pdf-page[data-document-theme=dark] .pdf-signature{background:color-mix(in srgb, var(--document-accent,var(--accent)) 82%, #24262a);color:#fff;box-shadow:0 10px 26px #00000052}@media (width<=1500px){.top-bar{grid-template-columns:150px 132px 132px 204px minmax(330px,390px) minmax(190px,1fr);gap:8px;min-height:80px}.workspace{height:calc(100vh - 84px)}.orientation-control,.document-theme-control{width:132px}.accent-control{width:204px}.font-color-panel{padding-inline:5px}.font-color-row{gap:4px}.text-color-dot,.palette-preset-dot{width:14px;height:14px}}:root{--topbar-height:68px}body,.app-shell{background:var(--bg)}.top-bar{height:var(--topbar-height);min-height:var(--topbar-height);max-height:var(--topbar-height);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:176px repeat(5,156px) minmax(230px,1fr);gap:14px;padding:10px 16px;overflow-x:auto}.orientation-control,.document-theme-control,.accent-control,.font-primary-control,.font-secondary-control{width:156px}.text-palette-control,.font-color-panel,.palette-reset-row,.color-picker-dot{display:none}.accent-panel,.font-simple-panel{background:var(--surface-muted);justify-content:center;gap:8px;min-height:38px;padding-inline:12px}.text-color-dot{width:21px;height:21px}.workspace{height:calc(100vh - var(--topbar-height));background:var(--bg);min-height:0;padding:16px 12px 12px;overflow:hidden}.page-library,.right-stack{align-self:stretch;height:100%;min-height:0;max-height:100%;position:relative;top:auto;overflow:hidden}.page-library{padding:12px}.work-area{grid-template-rows:minmax(0,1fr) auto;min-height:0}.canvas-wrap{background:var(--surface-muted);min-height:0}.canvas-stage{min-height:0}.page-strip{max-height:226px;position:relative;bottom:auto;overflow:visible}.strip-list{max-height:174px;padding-bottom:8px;overflow:auto visible}.strip-card,.add-page-card{min-height:162px}.strip-actions{align-items:center;margin-top:8px}.right-stack{background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:8px;display:grid}.right-panel{min-height:0;overflow:auto}.vilray-cta{flex:none;max-height:176px;overflow:auto}.workspace,.canvas-wrap,.vilray-cta,.vilray-promo{background-image:none}.vilray-cta,.vilray-promo,.right-toolbar{background:var(--surface)}.canvas-toolbar,.right-panel .panel-heading,.export-title-row,.cabinet-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.pdf-page[data-document-theme=dark] .page-watermark{background:#ffffff05}.pdf-page[data-document-theme=dark] .icon-single span,.pdf-page[data-document-theme=dark] .icon-row-item span,.pdf-page[data-document-theme=dark] .pdf-page-footer{color:color-mix(in srgb, var(--document-text-muted,#c9c3bb) 88%, white)}.pdf-page[data-document-theme=dark] .feature-list{background:#2a2d31c2}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (width<=1500px){:root{--topbar-height:68px}.top-bar{grid-template-columns:150px repeat(5,140px) minmax(202px,1fr);gap:10px;padding-inline:12px}.orientation-control,.document-theme-control,.accent-control,.font-primary-control,.font-secondary-control{width:140px}.accent-panel,.font-simple-panel{gap:6px;padding-inline:10px}.text-color-dot{width:19px;height:19px}.page-strip{max-height:204px}.strip-list{max-height:154px}.strip-card,.add-page-card{min-height:144px}.thumb-button{height:62px}}@media (height<=820px){.page-strip{max-height:190px}.strip-list{max-height:144px}.strip-card,.add-page-card{min-height:136px}.thumb-button{height:54px}.strip-actions button{width:26px;height:26px}}.top-bar{grid-template-columns:176px repeat(5,172px) minmax(230px,1fr);justify-items:start;gap:12px}.brand-block,.orientation-control,.document-theme-control,.accent-control,.font-primary-control,.font-secondary-control{justify-self:start}.orientation-control,.document-theme-control,.accent-control,.font-primary-control,.font-secondary-control{width:172px;min-width:172px}.accent-panel,.font-simple-panel{justify-content:center;width:100%;padding-inline:14px}.theme-dot,.accent-dot{flex:none}.right-toolbar{flex-wrap:wrap}.toolbar-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);min-height:36px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:0 9px 0 11px;font-size:11px;font-weight:800;display:inline-flex}.toolbar-toggle input{width:28px;height:16px;accent-color:var(--accent);margin:0}.toolbar-toggle:has(input:checked){border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);color:var(--accent)}.pdf-page[data-document-theme=dark] .pdf-signature{color:#f7f2ea;background:#1e1f24f0;border:1px solid #dfd8f547;box-shadow:0 16px 34px #0000003d}@media (width<=1500px){.top-bar{grid-template-columns:150px repeat(5,154px) minmax(202px,1fr);gap:10px}.orientation-control,.document-theme-control,.accent-control,.font-primary-control,.font-secondary-control{width:154px;min-width:154px}.accent-panel,.font-simple-panel{padding-inline:10px}.font-simple-panel{gap:5px}.text-color-dot{flex-basis:17px;width:17px;height:17px}}.top-bar{z-index:20;grid-template-columns:176px 138px 146px 206px 190px 190px 178px minmax(220px,1fr);place-items:center start;gap:10px;position:relative;overflow:visible}.brand-block{justify-self:start}.accent-panel,.font-simple-panel{justify-content:center;gap:6px;padding-inline:10px}.font-simple-panel{gap:5px}.text-color-dot{flex:0 0 17px;width:17px;height:17px}.custom-color-picker{flex:none;position:relative}.custom-color-trigger{border:1px dashed color-mix(in srgb, var(--accent) 76%, var(--border));background:var(--surface);min-width:40px;min-height:24px;color:var(--accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.custom-color-trigger.active{background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);border-style:solid}.custom-color-sample{border:1px solid #00000024;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff6b}.color-popover{z-index:80;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:190px;color:var(--text);box-shadow:var(--shadow-md);gap:10px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.color-popover-field{color:var(--text-muted);gap:7px;font-size:11px;font-weight:800;display:grid}.color-popover-field span{align-items:center;gap:5px;display:inline-flex}.color-popover-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);cursor:pointer;width:100%;height:34px;padding:0}.recent-color-row{flex-wrap:wrap;align-items:center;gap:7px;min-height:22px;display:flex}.recent-color-row button{border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);outline-offset:2px;cursor:pointer;border-radius:50%;outline:2px solid #0000;width:22px;height:22px;padding:0}.recent-color-row button.active{outline-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.recent-color-row span{color:var(--text-muted);font-size:11px}.color-input-row{align-items:flex-start}.color-input-row .swatches{max-width:164px}.color-input-row .custom-color-picker{margin-top:1px}.color-input-row .custom-color-trigger{border-radius:var(--radius-sm);flex-direction:column;min-width:48px;min-height:34px}.color-input-row .custom-color-sample{width:18px;height:18px}.top-toggle-group{justify-content:flex-start;align-items:center;gap:7px;width:178px;min-width:178px;display:flex}.top-toggle{border:1px solid var(--border);background:var(--surface-muted);min-height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.top-toggle input{width:24px;height:14px;accent-color:var(--accent);margin:0}.top-toggle:has(input:checked){border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);color:var(--accent)}.top-actions{justify-content:flex-end;justify-self:stretch}@media (width<=1500px){.top-bar{grid-template-columns:150px 126px 140px 196px 180px 180px 168px minmax(206px,1fr);gap:8px}.orientation-control{width:126px;min-width:126px}.document-theme-control{width:140px;min-width:140px}.accent-control{width:196px;min-width:196px}.font-primary-control,.font-secondary-control{width:180px;min-width:180px}.top-toggle-group{gap:5px;width:168px;min-width:168px}.top-toggle{padding-inline:6px}.custom-color-trigger{min-width:36px;padding-inline:5px}}.top-control,.top-toggle,.top-scheme-select,.top-bar .btn{min-height:50px}.top-control{grid-template-rows:13px minmax(0,1fr);align-items:center;gap:4px;display:grid}.top-control>span,.top-scheme-select>span{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:900;line-height:1}.accent-panel,.font-simple-panel{min-height:33px;padding-inline:9px}.top-toggle-group{align-items:stretch;gap:8px;width:172px;min-width:172px;display:flex}.top-toggle{border-radius:8px;flex:1 1 0;justify-content:center;gap:5px;min-width:0;padding:0 7px}.top-toggle span{white-space:nowrap}.top-toggle input{flex:none}.top-menu-divider{background:color-mix(in srgb, var(--border-strong) 82%, transparent);border-radius:999px;width:1px;height:34px}.top-scheme-select{grid-template-rows:13px minmax(0,1fr);gap:4px;width:160px;min-width:160px;display:grid}.top-scheme-select select{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:33px;color:var(--text);border-radius:8px;padding:0 9px;font-size:12px;font-weight:800}.custom-color-picker.align-right .color-popover{left:auto;right:0}.color-input-row .custom-color-picker.align-right .color-popover{left:0;right:auto}.empty-canvas{text-align:center;align-content:center;justify-items:center;gap:10px;padding:34px}.empty-canvas strong{color:var(--text);font-size:18px}.empty-canvas span{color:var(--text-muted);font-size:13px}.empty-template-actions{grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;width:min(560px,100%);margin-top:6px;display:grid}.empty-template-actions button{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));min-height:58px;color:var(--accent);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:flex-start;gap:7px;padding:10px 12px;font-size:12px;font-weight:900;display:inline-flex}.empty-template-copy{text-align:left;gap:3px;display:grid}.empty-template-copy strong{color:currentColor;font-size:12px;line-height:1.3}.empty-template-copy small{color:var(--text-muted);font-size:11px;font-weight:700;line-height:1.3}.service-toggle{margin-top:0}.account-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.vilray-materials-modal{background:var(--surface);width:min(760px,94vw);max-height:90vh;color:var(--text);box-shadow:var(--shadow-md);border-radius:8px;padding:30px;position:relative;overflow:auto}.vilray-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.vilray-materials-grid article{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:8px;padding:16px;display:grid}.vilray-materials-grid article>span{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.vilray-materials-grid strong{font-size:15px}.vilray-materials-grid p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}@media (width<=1500px){.top-bar{grid-template-columns:150px 118px 132px 186px 174px 174px 164px 1px 152px minmax(202px,1fr);gap:10px}.orientation-control{width:118px;min-width:118px}.document-theme-control{width:132px;min-width:132px}.accent-control{width:186px;min-width:186px}.font-primary-control,.font-secondary-control{width:174px;min-width:174px}.top-toggle-group{width:164px;min-width:164px}.top-scheme-select{width:152px;min-width:152px}}@media (width<=900px){.empty-template-actions,.vilray-materials-grid{grid-template-columns:1fr}}.top-bar{grid-template-columns:150px 140px 195px 182px 182px 1px 172px 1px 126px 160px minmax(210px,1fr);align-items:center;gap:10px;overflow:auto visible}.brand-block{min-height:42px}.brand-logo{width:36px;height:36px}.brand-block strong{font-size:15px}.top-control,.top-scheme-select{min-height:50px}.top-toggle,.top-bar .btn{height:33px;min-height:33px}.top-actions,.top-toggle-group{align-self:end}.top-toggle-group{width:172px;min-width:172px}.top-icon-action,.top-actions .top-icon-action{border-radius:50%;width:33px;min-width:33px;height:33px;min-height:33px;padding:0}.cabinet-header{align-items:flex-start}.promo-mark,.vilray-cta .cta-icon{display:none}.vilray-cta{gap:8px;display:grid}.vilray-cta .btn{margin-top:2px}.apply-design-btn{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);color:var(--accent);white-space:normal;font-weight:800}.icon-choice{position:relative}.icon-choice summary{border:1px solid var(--border);background:var(--surface-muted);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 10px;list-style:none;display:flex}.icon-choice summary::-webkit-details-marker{display:none}.icon-choice-menu{z-index:30;border:1px solid var(--border);background:var(--surface);max-height:260px;box-shadow:var(--shadow-md);border-radius:8px;gap:10px;margin-top:6px;padding:10px;display:grid;position:absolute;left:0;right:0;overflow:auto}.icon-choice-menu strong{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.icon-choice-grid{gap:6px;display:grid}.icon-choice-grid button{border:1px solid var(--border);background:var(--surface-muted);min-height:34px;color:var(--text);text-align:left;cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 9px;display:flex}.icon-choice-grid button.active{border-color:color-mix(in srgb, var(--accent) 54%, var(--border));background:var(--accent-soft);color:var(--accent)}.pdf-signature{color:color-mix(in srgb, var(--document-bg,#fff) 72%, var(--document-text,#1f2227));text-align:center;box-shadow:none;background:0 0;padding:0;font-size:18px;font-weight:800;line-height:1.15;display:block;bottom:24px;left:7%;right:7%}.pdf-page[data-document-theme=dark] .pdf-signature{color:color-mix(in srgb, var(--document-bg,#24262a) 70%, var(--document-text,#f7f2ea));box-shadow:none;background:0 0;border:0}@media (width<=1500px){.top-bar{grid-template-columns:138px 132px 186px 174px 174px 1px 164px 1px 118px 152px minmax(202px,1fr);gap:8px}.brand-logo{width:34px;height:34px}.orientation-control{width:118px;min-width:118px}.document-theme-control{width:132px;min-width:132px}.accent-control{width:186px;min-width:186px}.font-primary-control,.font-secondary-control{width:174px;min-width:174px}.top-toggle-group{width:164px;min-width:164px}.top-scheme-select{width:152px;min-width:152px}}.top-bar{grid-template-columns:150px 154px 102px 1px 132px 210px 205px 205px 1px 224px minmax(210px,1fr);align-items:center;gap:10px;height:74px;min-height:74px;max-height:74px;padding:9px 16px}.workspace{height:calc(100vh - 74px)}.top-control,.top-scheme-select{grid-template-rows:13px 34px;min-height:48px}.top-control>span,.top-scheme-select>span{font-size:10px;line-height:1}.top-scheme-select select{appearance:none;border:1px solid var(--border);background:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%) calc(100% - 15px) 14px / 6px 6px no-repeat, linear-gradient(135deg, var(--text-muted) 50%, transparent 50%) calc(100% - 10px) 14px / 6px 6px no-repeat, var(--surface-muted);height:34px;min-height:34px;color:var(--text);border-radius:8px;padding:0 30px 0 12px;font-size:12px;font-weight:900}.top-scheme-select select:focus{outline:2px solid color-mix(in srgb, var(--accent) 34%, transparent);border-color:color-mix(in srgb, var(--accent) 58%, var(--border))}.document-theme-control{width:132px;min-width:132px}.accent-control{width:210px;min-width:210px}.font-primary-control,.font-secondary-control{width:205px;min-width:205px}.accent-panel,.font-simple-panel{height:34px;min-height:34px}.top-toggle-group{align-self:end;gap:8px;width:224px;min-width:224px;height:34px}.top-toggle{flex:none;height:34px;min-height:34px;padding:0 9px}.top-toggle span{font-size:10px;line-height:1}.top-menu-divider{align-self:end;height:34px}.top-actions{justify-content:flex-end;align-self:end}.top-bar .btn,.top-icon-action,.top-actions .top-icon-action{height:34px;min-height:34px}.top-icon-action,.top-actions .top-icon-action{width:34px;min-width:34px}.cabinet-header{padding-right:78px}.cabinet-tabs{max-width:min(700px,100%)}@media (width<=1500px){.top-bar{grid-template-columns:136px 146px 94px 1px 124px 196px 190px 190px 1px 214px minmax(198px,1fr);gap:8px;padding-inline:12px}.top-scheme-select{width:146px;min-width:146px}.orientation-control{width:94px;min-width:94px}.document-theme-control{width:124px;min-width:124px}.accent-control{width:196px;min-width:196px}.font-primary-control,.font-secondary-control{width:190px;min-width:190px}.top-toggle-group{width:214px;min-width:214px}.top-toggle:first-child{width:78px}.top-toggle:last-child{width:128px}.cabinet-header{grid-template-columns:minmax(220px,auto) minmax(0,1fr);padding-right:76px;display:grid}}.top-bar{z-index:120;grid-template-columns:150px 154px 210px 132px 104px 304px minmax(210px,1fr);gap:10px;overflow:visible}.top-design-control{z-index:140;width:210px;min-width:210px;position:relative;overflow:visible}.top-design-menu{align-self:end;width:100%;min-width:0;height:34px;position:relative}.top-design-menu-trigger,.top-design-menu-trigger,.top-design-menu summary{border:1px solid var(--border);background:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%) calc(100% - 18px) 14px / 6px 6px no-repeat, linear-gradient(135deg, var(--text-muted) 50%, transparent 50%) calc(100% - 13px) 14px / 6px 6px no-repeat, var(--surface-muted);width:100%;height:34px;min-height:34px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:0 34px 0 12px;font-size:12px;font-weight:900;list-style:none;display:flex}.top-design-menu summary::-webkit-details-marker{display:none}.top-design-menu-trigger:focus-visible,.top-design-menu-trigger:focus-visible,.top-design-menu summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 34%, transparent);border-color:color-mix(in srgb, var(--accent) 58%, var(--border))}.top-design-popover{z-index:1000;border:1px solid var(--border);background:var(--surface);width:min(380px,100vw - 32px);box-shadow:0 18px 46px color-mix(in srgb, var(--shadow-color) 24%, transparent);border-radius:10px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.top-design-popover section{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--surface-muted);border-radius:8px;gap:8px;padding:10px;display:grid}.top-design-popover strong{color:var(--text);font-size:11px;font-weight:900}.top-design-popover .accent-panel,.top-design-popover .font-simple-panel{background:0 0;border:0;justify-content:space-between;width:100%;height:30px;min-height:30px;padding:0}.top-design-popover .divider-color-panel{width:100%}.top-design-popover .theme-dot,.top-design-popover .accent-dot,.top-design-popover .text-color-dot,.top-design-popover .divider-dot{cursor:pointer;outline-offset:2px;border:1px solid #00000014;border-radius:50%;outline:2px solid #0000;width:22px;min-width:22px;height:22px}.top-design-popover .theme-dot.active,.top-design-popover .accent-dot.active,.top-design-popover .text-color-dot.active,.top-design-popover .divider-dot.active{outline-color:var(--accent)}.top-design-popover .custom-color-trigger{background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:2px;width:28px;min-width:28px;height:32px;padding:0;display:grid}.top-design-popover .custom-color-sample{border-radius:50%;width:22px;height:22px}.custom-color-picker.label-above .custom-color-label{color:var(--text-muted);white-space:nowrap;font-size:8px;font-weight:900;line-height:1}.custom-color-sample.checker{background-color:#0000;background-image:linear-gradient(45deg,#d7d9de 25%,#0000 25% 75%,#d7d9de 75%),linear-gradient(45deg,#d7d9de 25%,#fff 25% 75%,#d7d9de 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.color-code-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);width:100%;min-height:32px;color:var(--text);outline:none;padding:0 10px;font-size:12px;font-weight:800}.color-code-input:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.top-design-reset{align-self:end;width:132px;min-width:132px;height:34px;min-height:34px;margin-top:0;padding:0 12px;font-size:11px;font-weight:900}@media (width<=1500px){.top-bar{grid-template-columns:138px 146px 190px 124px 94px 292px minmax(198px,1fr);gap:8px;padding-inline:12px;overflow:visible}.top-design-control{width:190px;min-width:190px}.top-design-reset{width:124px;min-width:124px;padding-inline:9px}.top-design-menu-trigger,.top-design-menu summary{padding:0 30px 0 10px}.top-toggle-group{gap:6px;width:292px;min-width:292px}.top-toggle:first-child{width:74px}.top-toggle:nth-child(2){width:100px}.top-toggle:last-child{width:112px}}.swatches .transparent-swatch{background-color:#0000;background-image:linear-gradient(45deg,#d7d9de 25%,#0000 25% 75%,#d7d9de 75%),linear-gradient(45deg,#d7d9de 25%,#fff 25% 75%,#d7d9de 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.swatches .transparent-swatch:after{content:none;display:none}.top-bar{grid-template-columns:150px 154px 96px 132px 84px 318px minmax(210px,1fr);align-items:center;gap:8px;height:68px;min-height:68px;max-height:68px;padding:8px 16px;overflow:visible}.top-scheme-select{width:154px;min-width:154px}.top-design-control{width:96px;min-width:96px}.top-design-menu-trigger,.top-design-menu summary{padding:0 28px 0 10px}.top-design-reset{width:132px;min-width:132px;padding-inline:10px}.orientation-control{width:84px;min-width:84px}.orientation-control .format-dot-panel{justify-content:center;gap:6px;padding-inline:6px}.top-toggle-group{gap:8px;width:318px;min-width:318px}.top-toggle:first-child{width:84px}.top-toggle:nth-child(2){width:112px}.top-toggle:last-child{width:122px}@media (width<=1500px){.top-bar{grid-template-columns:138px 146px 92px 124px 82px 304px minmax(198px,1fr);gap:7px;padding-inline:12px}.top-scheme-select{width:146px;min-width:146px}.top-design-control{width:92px;min-width:92px}.top-design-reset{width:124px;min-width:124px;padding-inline:8px}.orientation-control{width:82px;min-width:82px}.top-toggle-group{gap:6px;width:304px;min-width:304px}.top-toggle:first-child{width:82px}.top-toggle:nth-child(2){width:106px}.top-toggle:last-child{width:116px}}.page-zone.zone-divider{min-width:0;min-height:0;line-height:0}.page-zone.zone-divider .divider-zone{min-width:0;min-height:0}.native-color-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);width:100%;min-height:36px;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:6px 9px;font-size:11px;font-weight:900;display:grid}.native-color-trigger:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--border));background:color-mix(in srgb, var(--accent-soft) 62%, var(--surface))}.native-color-preview{border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff6b}.native-color-preview.checker,.custom-color-sample.checker{background-color:#0000;background-image:linear-gradient(45deg,#d7d9de 25%,#0000 25% 75%,#d7d9de 75%),linear-gradient(45deg,#d7d9de 25%,#fff 25% 75%,#d7d9de 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.native-color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.color-popover{z-index:220}.confirm-backdrop{z-index:240;place-items:center;display:grid}.page-strip{max-height:216px;overflow:visible hidden}.strip-list{align-items:stretch;max-height:158px;padding-bottom:6px;overflow:auto hidden}.strip-card,.add-page-card{grid-template-rows:72px auto 26px;min-height:148px;max-height:148px}.thumb-button{height:72px}.strip-actions{min-height:24px;margin-top:6px}.strip-card-meta{min-height:22px;margin-top:6px}.page-zone:not(.editable){pointer-events:none}.widget-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-bottom:12px;padding:10px 12px;display:grid}.widget-panel-title{color:var(--text-muted);grid-column:1/-1;margin:0 0 2px;font-size:13px;font-weight:700}.widget-item{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:grab;border-radius:11px;align-items:center;gap:8px;min-width:0;padding:9px 10px;transition:border-color .15s,background .15s,transform .15s;display:flex}.widget-item:hover{border-color:var(--accent);background:var(--accent-soft)}.widget-item:active{cursor:grabbing;transform:scale(.98)}.widget-item>svg{flex:none}.widget-item span{flex-direction:column;gap:2px;min-width:0;display:flex}.widget-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.widget-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}@media (width<=1100px){.widget-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.widget-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.zone-delete-button{z-index:20;border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:-11px;right:-11px;box-shadow:0 2px 8px #00000029}.zone-delete-button:hover{color:#c33;background:#f4eeee;border-color:#c99}.zone-text-editor{border:1px dashed var(--accent);resize:none;background:color-mix(in srgb, var(--surface) 75%, transparent);width:100%;height:100%;min-height:100%;color:inherit;font:inherit;text-align:inherit;line-height:inherit;box-sizing:border-box;outline:none;margin:0;padding:0}.editable-table{width:100%;height:100%;overflow:auto}.editable-table input,.editable-features input{box-sizing:border-box;border:1px dashed var(--accent);background:color-mix(in srgb, var(--surface) 80%, transparent);width:100%;color:inherit;font:inherit;border-radius:4px;outline:none;padding:3px 5px}.editable-features input{padding:2px 5px}.editable-table input:focus,.editable-features input:focus{border-color:var(--accent-dark,var(--accent));background:var(--surface)}.top-design-popover,.color-popover{z-index:240}.page-strip .strip-heading{flex-wrap:wrap;gap:8px}.strip-heading-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.strip-heading-actions .strip-collapse-btn{min-height:30px;padding:5px 9px;font-size:12px}.page-strip.is-collapsed{min-height:0;padding-block:8px}.page-strip.is-collapsed .strip-heading{margin-bottom:0}.page-strip .strip-list[hidden]{display:none}:root{--bg:#f4f4f6;--surface:#fff;--surface-muted:#f1f1f4;--border:#e8e8ec;--border-strong:#d0d0d8;--text:#18181e;--text-muted:#6b6b80;--text-light:#ababbe;--accent:#a385c4;--accent-soft:#f2ebf9;--accent-mid:#c0a0dc;--accent-dark:#8a6aae;--danger:#e54f4f;--success:#41b75b;--warning:#e9a13a;--radius:12px;--radius-sm:8px;--shadow:0 2px 10px #00000012;--shadow-md:0 6px 28px #0000001f;--transition:.18s ease;--scrollbar-track:#ececf1;--scrollbar-thumb:#c7c7d2;--scrollbar-thumb-hover:#a385c4}[data-theme=beige]{--bg:#f4f1ec;--surface:#fffdf8;--surface-muted:#efe8dc;--border:#ded4c4;--border-strong:#cdbfae;--text:#1f1d1a;--text-muted:#746b60;--text-light:#aaa097;--scrollbar-track:#e9e0d4;--scrollbar-thumb:#c9bcaa;--scrollbar-thumb-hover:#b88f68}[data-theme=dark]{--bg:#202126;--surface:#2a2b31;--surface-muted:#343540;--border:#484a55;--border-strong:#5b5d69;--text:#f7f3ec;--text-muted:#c9c3bb;--text-light:#9a96a4;--shadow:0 2px 12px #0000003d;--shadow-md:0 10px 34px #00000047;--scrollbar-track:#2a2b31;--scrollbar-thumb:#666078;--scrollbar-thumb-hover:#a385c4}[data-accent=purple]{--accent:#a385c4;--accent-soft:#f2ebf9;--accent-mid:#c0a0dc;--accent-dark:#8a6aae}[data-accent=gold]{--accent:#d0a43a;--accent-soft:#d0a43a2b}[data-accent=graphite]{--accent:#2f3338;--accent-soft:#2f333821}[data-accent=beige]{--accent:#8f5f3b;--accent-soft:#8f5f3b29}[data-accent=blueGray]{--accent:#6e8aa1;--accent-soft:#6e8aa129}.accent-purple{background:#a385c4}.accent-gold{background:#d0a43a}.accent-graphite{background:#2f3338}.accent-beige{background:#8f5f3b}.accent-blueGray{background:#6e8aa1}