.offline-editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px;margin:22px 0}.offline-editor>*{min-width:0}.offline-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offline-controls input,.offline-controls select,[data-offline]{width:100%;min-width:0;color:inherit;font:inherit}.field-shell select[data-offline]{background:transparent;border:0;padding:12px;outline-offset:4px}.field-shell select[data-offline] option{background:var(--theme-bg-2,#e0ecfc);color:var(--ink,#16243a)}.offline-preview-scroll{padding:18px;background:rgba(100,110,130,.12);border-radius:18px;overflow:auto}.offline-paper{position:relative;width:100%;margin:auto;background:white;box-shadow:0 3px 16px #0003;isolation:isolate}.offline-paper canvas{display:block;width:100%;height:100%}.offline-qr{position:absolute;display:block;padding:0;border:0;border-radius:0;background:white;cursor:move;touch-action:none;box-sizing:border-box;outline:1px dashed #333}.offline-qr:focus-visible{outline:3px solid var(--accent,#2469ed);outline-offset:3px}.offline-qr img{display:block;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}.offline-modes{display:grid;gap:12px;margin:16px 0}.offline-choice{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:14px;cursor:pointer}.offline-choice input{width:auto;margin-top:4px;accent-color:var(--theme-accent,#075aff)}.offline-choice span{min-width:0}.offline-choice small,.offline-list-row small,.offline-output small{display:block;margin-top:5px;line-height:1.5}.offline-list-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--border,rgba(120,140,180,.2))}.offline-list-row .grow{min-width:160px;flex:1;overflow-wrap:anywhere}.offline-destination{word-break:break-all}.offline-output{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border,#8796ae44)}.offline-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px}.offline-metrics b{display:block;margin-top:6px;font-size:20px}.offline-editor input[type=file]{font-size:12px;padding:10px;max-width:100%}.offline-editor input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px;margin-right:8px;color:inherit;background:rgba(120,145,185,.2)}@media(max-width:1000px){.offline-editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.offline-controls{grid-template-columns:minmax(0,1fr)}.offline-preview-scroll{padding:8px}.offline-list-row .button{flex:1}.offline-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.offline-form{display:grid;gap:24px}.offline-form .field,.offline-wizard .field{display:flex;flex-direction:column;gap:9px;margin:0;min-width:0}.offline-form>.button{margin-top:6px}.offline-dialog{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important}.offline-dialog .dialog-scroll{padding:32px;max-height:calc(100dvh - 72px);overflow:auto}.offline-dialog .dialog-sub{margin-bottom:24px}.offline-wizard{display:grid;gap:24px;min-width:0}.offline-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px}.offline-steps li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding:12px 8px;border-bottom:2px solid var(--border)}.offline-steps li span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:rgba(120,145,185,.13)}.offline-steps [aria-current=step]{color:var(--ink);border-color:var(--theme-accent,#075aff);font-weight:700}.offline-steps [aria-current=step] span{background:var(--theme-accent,#075aff);color:var(--accent-contrast,#fff)}.offline-step-content{min-height:270px}.offline-wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid var(--border)}.offline-wizard-footer>span{font-size:12px;color:var(--muted)}.offline-designer{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:28px}.offline-canvas-column,.offline-element-settings{display:grid;align-content:start;gap:20px;min-width:0}.offline-add-elements{display:flex;gap:10px;flex-wrap:wrap}.offline-add-elements>.button{flex:1;white-space:nowrap}.offline-check{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5}.offline-check input{width:18px;height:18px;accent-color:var(--theme-accent,#075aff)}.offline-select{position:relative;min-width:0}.offline-select-trigger{display:flex;text-align:left;gap:12px;width:100%;min-height:46px;padding:10px 16px}.offline-select-trigger>span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis}.offline-select-trigger>span:last-child{flex:0}.offline-options[hidden]{display:none}.offline-options{position:relative;z-index:4;display:grid;grid-template-columns:1fr;gap:5px;max-height:290px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--theme-bg-2,#dcecff) 82%,transparent);box-shadow:0 10px 24px #15233822;backdrop-filter:blur(24px)}.offline-options[aria-labelledby=offline-label-format]{grid-template-columns:repeat(3,minmax(0,1fr));max-height:380px}.offline-option{display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;min-width:0}.offline-option>span:first-of-type{flex:1}.offline-option:hover,.offline-option:focus-visible,.offline-option[aria-selected=true]{background:color-mix(in srgb,var(--theme-accent,#075aff) 12%,transparent);border-color:color-mix(in srgb,var(--theme-accent,#075aff) 45%,transparent);outline:none}.offline-format-art{width:45px;height:42px;flex-shrink:0;color:var(--theme-accent,#075aff);background:color-mix(in srgb,var(--theme-accent,#075aff) 9%,transparent);padding:5px;border-radius:9px}.offline-select-trigger .offline-format-art{width:36px;height:34px}.offline-source-summary{display:grid;gap:8px;padding:18px;border-radius:16px;background:rgba(120,145,185,.12);overflow-wrap:anywhere}.offline-source-summary span{font-size:13px;color:var(--muted)}.offline-qr{background:transparent;overflow:visible;text-align:left}.offline-qr.selected{outline:2px solid var(--theme-accent,#075aff);outline-offset:2px}.offline-qr .offline-print-text{display:block;white-space:nowrap;line-height:1.5}.offline-qr .offline-code-label{position:absolute;top:100%;left:0;width:100%;text-align:center;line-height:1.6;color:inherit;font-family:Arial,sans-serif}.offline-element-settings input[type=color]{height:42px;padding:5px;cursor:pointer}.offline-step-content .offline-controls{gap:20px}.offline-step-content .offline-modes{margin:0}.offline-step-content .offline-output{gap:16px}.offline-step-content input[type=file]{max-width:100%;font-size:12px;padding:12px}.offline-step-content input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px;margin-right:8px;color:inherit;background:rgba(120,145,185,.2)}@media(max-width:800px){.offline-designer{grid-template-columns:minmax(0,1fr)}.offline-dialog .dialog-scroll{padding:24px}.offline-steps{gap:6px}.offline-steps li{flex-direction:column;text-align:center;font-size:11px}.offline-options[aria-labelledby=offline-label-format]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.offline-dialog .dialog-scroll{padding:24px 18px;max-height:calc(100dvh - 36px)}.offline-wizard{gap:20px}.offline-wizard-footer{gap:8px}.offline-wizard-footer>span{display:none}.offline-options[aria-labelledby=offline-label-format]{grid-template-columns:1fr}.offline-steps li{padding:8px 2px}.offline-wizard-footer>.button{flex:1}.offline-form{gap:22px}}

.offline-wizard-footer{position:sticky;bottom:-32px;z-index:5;margin:0 -4px;padding:18px 4px;background:color-mix(in srgb,var(--theme-bg-2,#dcecff) 94%,transparent);backdrop-filter:blur(24px);border-radius:0 0 12px 12px}.offline-dialog .dialog-scroll{overflow-x:hidden}.offline-select-trigger>svg{width:36px!important;height:34px!important}.offline-option>svg{width:48px!important;height:44px!important}@media(max-width:800px){.offline-wizard-footer{bottom:-24px}}
.offline-page{display:grid;gap:24px;min-width:0}.offline-page>.panel{margin:0}.offline-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.offline-upload-card{display:grid;align-content:start;gap:14px;min-width:0}.offline-upload-card h3{margin:0;font-size:15px}.offline-upload-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:228px;padding:24px;border:1px dashed var(--border);border-radius:20px;overflow:hidden;cursor:pointer}.offline-upload-frame>strong{overflow-wrap:anywhere;max-width:100%}.offline-upload-frame>span{font-size:13px;line-height:1.5}.offline-upload-frame .offline-format-art{width:76px!important;height:84px!important}.offline-upload-frame input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;z-index:2}.offline-upload-frame:focus-within{outline:2px solid var(--theme-accent,#075aff);outline-offset:3px}.offline-upload-cta{padding:9px 18px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:rgba(120,145,185,.12)}.offline-library{min-width:0}.offline-library summary{padding:10px 0;cursor:pointer;font-size:13px}.offline-library[open] summary{margin-bottom:12px}.offline-side-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.offline-side-tabs .button{flex:1;min-width:120px;min-height:46px}.offline-side-tabs [aria-selected=true]{border-color:var(--theme-accent,#075aff);background:color-mix(in srgb,var(--theme-accent,#075aff) 15%,transparent);box-shadow:inset 0 0 0 1px var(--theme-accent,#075aff);font-weight:700}.offline-save-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border-top:1px solid var(--border);padding-top:22px}.offline-save-bar>[role=status]{flex:1;min-width:180px;font-size:13px;overflow-wrap:anywhere}.offline-save-bar small{flex-basis:100%;color:var(--muted);line-height:1.5}.offline-page .offline-list-row{padding:20px 0}.offline-page .offline-list-row:last-child{border-bottom:0}.offline-page .offline-metrics+p{margin-top:24px;line-height:1.6}@media(max-width:600px){.offline-upload-grid{grid-template-columns:minmax(0,1fr)}.offline-page{gap:20px}.offline-upload-frame{min-height:200px;padding:20px}.offline-save-bar>.button{width:100%}}

.offline-page [data-layout-status]{margin:14px 0 0;line-height:1.5;font-size:13px;color:var(--muted)}

.offline-artwork-clip{position:absolute;inset:0;overflow:hidden}.offline-artwork-clip canvas{transform-origin:center center}.offline-qr:not(.selected){outline:none}.offline-artwork-controls{display:grid;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.offline-artwork-controls h3,.offline-artwork-controls p{margin:0}.offline-artwork-controls h3{font-size:15px}
.offline-campaign-list{display:grid;gap:20px}.offline-campaign-card{border:1px solid var(--border);border-radius:22px;min-width:0;position:relative}.offline-campaign-row{display:flex;gap:16px;align-items:center;padding:22px}.offline-campaign-title,.offline-file-title{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;padding:6px 0}.offline-campaign-title>span:last-child,.offline-file-title>span{min-width:0}.offline-campaign-title b,.offline-file-title b{display:block;overflow-wrap:anywhere;font-size:15px;line-height:1.5}.offline-campaign-title small,.offline-file-title small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:7px}.offline-disclosure{font-size:25px;flex:none;width:20px}.offline-campaign-title:focus-visible,.offline-file-title:focus-visible{outline:2px solid var(--theme-accent);outline-offset:5px;border-radius:8px}.offline-campaign-body{display:grid;gap:28px;padding:0 24px 24px;border-top:1px solid var(--border);padding-top:24px}.offline-section{min-width:0;display:grid;gap:16px}.offline-section h3,.offline-section p,.offline-trash h3{margin:0}.offline-section h3,.offline-trash h3{font-size:15px}.offline-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.offline-files-list{display:grid;gap:10px}.offline-file-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(120,145,185,.05)}.offline-file-title>svg{width:22px;height:22px;flex:none}.offline-row-menu{position:relative;flex:none}.offline-row-menu>summary{list-style:none;font-size:24px;width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center;cursor:pointer;line-height:1}.offline-row-menu>summary::-webkit-details-marker{display:none}.offline-row-actions{position:absolute;right:0;top:calc(100% + 8px);z-index:25;display:grid;gap:8px;width:240px;max-width:calc(100vw - 64px);padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--theme-bg-2,#dcecff) 94%,transparent);box-shadow:0 12px 28px #15233833;backdrop-filter:blur(24px)}.offline-row-actions>.button{width:100%;justify-content:flex-start;white-space:normal;text-align:left}.offline-campaign-card:has(.offline-row-menu[open]){z-index:30}.offline-pdf-frame{display:block;width:100%;height:min(65vh,760px);border:1px solid var(--border);border-radius:14px;margin-top:22px;background:white}.offline-trash{display:grid;gap:18px}.offline-campaign-row>.button,.offline-file-row>.button{white-space:nowrap;flex:none}.offline-campaign-body .offline-list-row{padding:16px 0}.offline-page .offline-list-row .offline-row-actions .button{flex:none}@media(max-width:600px){.offline-campaign-row{padding:18px;gap:10px;flex-wrap:wrap}.offline-campaign-title{flex-basis:calc(100% - 56px);order:0}.offline-campaign-row>.offline-row-menu{order:1}.offline-campaign-row>.button{order:2;margin-left:34px}.offline-campaign-body{padding:20px 16px;gap:24px}.offline-file-row{flex-wrap:wrap;padding:14px;gap:12px}.offline-file-title{flex-basis:calc(100% - 56px);order:0}.offline-file-row>.offline-row-menu{order:1}.offline-file-row>.button{order:2;width:100%}.offline-section-heading{align-items:flex-start;flex-wrap:wrap}.offline-campaign-list{gap:16px}}

.offline-file-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.offline-pdf-preview{margin-top:22px;max-height:65vh;overflow:auto;border-radius:14px;background:rgba(30,50,80,.12);padding:16px}.offline-pdf-preview canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 12px #15233826}
@media(max-width:600px){.offline-page .offline-list-row>.grow{flex:1 0 100%;min-width:0}.offline-page .offline-list-row>.button{flex:1 1 190px;white-space:nowrap;min-width:160px}.offline-page .offline-list-row>.offline-row-menu{margin-left:auto}}

/* Print preparation stays inside the existing glass wizard. */
.offline-prepress{display:grid;gap:22px;border-top:1px solid var(--line,rgba(90,120,150,.25));padding-top:24px;margin-top:8px}.offline-prepress h3{margin:0}.offline-sheet-diagrams{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.offline-sheet-diagrams figure{margin:0;flex:1 1 200px;max-width:360px}.offline-sheet-diagrams figcaption{font-size:12px;margin-bottom:12px}.offline-sheet-proof{display:block;width:100%;max-height:370px;filter:drop-shadow(0 3px 7px #0002)}#offline-prepress-proof{display:grid;gap:16px;min-width:0}.offline-print-totals{line-height:1.6;margin:0}.offline-prepress .offline-controls{align-items:start}.offline-prepress .field-label{line-height:1.4}