:root{--palette-white:#fff;--palette-cream-50:#fffdf8;--palette-cream-100:#fbf6ec;--palette-cream-200:#f2e8d6;--palette-sand-100:#eadcc8;--palette-sand-200:#d8c6ac;--palette-gray-50:#fbfbfb;--palette-gray-100:#f7f7f7;--palette-gray-150:#f2f2f2;--palette-gray-300:#dedede;--palette-gray-450:#bcbcbc;--palette-gray-600:#6f6f6f;--palette-gray-950:#151515;--palette-ink-900:#10182d;--palette-ink-800:#1f2a44;--palette-ink-700:#334155;--palette-amber-50:#fff5e2;--palette-amber-100:#f9e8cb;--palette-amber-600:#b87316;--palette-amber-700:#9a5b08;--palette-green-50:#eaf8ef;--palette-green-700:#15803d;--palette-blue-50:#eaf2ff;--palette-blue-600:#1473ee;--palette-purple-50:#f3eefe;--palette-purple-700:#6d43b8;--palette-red-700:#b42318;--color-page:var(--palette-white);--color-panel:var(--palette-cream-50);--color-surface:var(--palette-white);--color-surface-subtle:var(--palette-cream-100);--color-text:var(--palette-ink-900);--color-muted:#697386;--color-border:#e4d8c7;--color-border-strong:#cdbb9f;--color-action:var(--palette-amber-600);--color-action-strong:var(--palette-amber-700);--color-action-subtle:var(--palette-amber-50);--color-on-action:var(--palette-white);--color-danger:var(--palette-red-700);--color-success:var(--palette-green-700);--color-success-subtle:var(--palette-green-50);--color-info-subtle:var(--palette-blue-50);--color-accent-subtle:var(--palette-purple-50);--color-accent:var(--palette-purple-700);--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:17px;--font-size-xl:20px;--font-size-page-title:32px;--font-size-hero-title:42px;--font-weight-regular:400;--font-weight-bold:700;--font-weight-heavy:800;--line-height-tight:1.1;--line-height-body:1.35;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:48px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--size-control-sm:32px;--size-control-md:38px;--size-topbar:62px;--shadow-xs:0 1px 2px #10182d0f;--shadow-sm:0 8px 22px #573e1f14;--shadow-md:0 14px 38px #573e1f1f;--shadow-modal:0 20px 60px #0000003d;--opacity-disabled:.35;--motion-fast:.14s ease;--bg:var(--color-page);--panel:var(--color-panel);--surface:var(--color-surface);--surface-soft:var(--color-surface-subtle);--ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-border);--line-strong:var(--color-border-strong);--blue:var(--color-action);--blue-soft:var(--color-action-subtle);--danger:var(--color-danger);--shadow:var(--shadow-md)}
*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-family-sans);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:var(--opacity-disabled)}input,select,textarea{min-height:var(--size-control-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-action-subtle);border-color:var(--color-action)}textarea{min-height:96px;padding:var(--space-3);resize:vertical}
.primary-action,.modal-primary{border:1px solid var(--color-action-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg, #c9892c, var(--color-action-strong));color:#fff;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-weight:700;display:inline-flex}.secondary-action{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.secondary-action:disabled{cursor:not-allowed;color:var(--muted);opacity:.58}.secondary-action.danger-action{border-color:color-mix(in srgb, var(--danger) 48%, var(--line));color:var(--danger)}.secondary-action.danger-action:hover{background:color-mix(in srgb, var(--danger) 9%, white)}.patterns-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.patterns-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;display:grid}.collections-view{gap:18px;display:grid}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:18px;display:grid}.collection-card{border:1px solid var(--line);background:var(--surface);min-height:286px;color:var(--ink);text-align:center;border-radius:8px;align-content:center;justify-items:center;gap:16px;padding:22px 18px;display:grid;position:relative;box-shadow:0 1px 2px #0000000a}.collection-card:hover,.collection-card.selected{border-color:var(--blue);background:#f5f9ff}.collection-card>div{gap:6px;display:grid}.collection-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.collection-card strong{font-size:18px;line-height:1.2}.collection-card small{color:var(--muted);font-size:13px}.collection-caret{line-height:1;position:absolute;bottom:10px;right:12px;color:var(--blue)!important;font-size:20px!important}.pattern-stack-icon{width:96px;height:96px;color:var(--ink)}.collection-preview-stack{aspect-ratio:1/1.12;width:min(170px,100%);color:var(--ink);place-items:center;display:grid;position:relative}.collection-preview-stack:before,.collection-preview-stack:after{content:"";border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fffdf8;position:absolute;inset:18px 18px 8px;box-shadow:0 6px 16px #573e1f14}.collection-preview-stack:before{transform:rotate(8deg)translate(8px,2px)}.collection-preview-stack:after{transform:rotate(-7deg)translate(-8px,6px)}.collection-preview-stack svg:not(.pattern-stack-icon){z-index:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;width:78%;max-height:86%;display:block;position:relative;box-shadow:0 10px 20px #573e1f1f}.collection-preview-stack.empty .pattern-stack-icon{z-index:1;position:relative}.collection-expanded-panel{border:1px solid var(--blue);background:#f4f9ff;border-radius:8px;gap:18px;padding:22px;display:grid;position:relative}.collection-expanded-panel:before{content:"";top:-10px;left:calc(var(--collection-arrow-left,82px) - 9px);border-top:1px solid var(--blue);border-left:1px solid var(--blue);background:#f4f9ff;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.collection-expanded-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.collection-expanded-header h2,.collection-expanded-header p{margin:0}.collection-expanded-header p{color:var(--muted);margin-top:6px}.collection-summary-chips{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;max-width:54%;display:flex}.collection-summary-chips span{border:1px solid var(--line);color:#334155;white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;min-height:24px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.collection-summary-chips button{border:1px solid var(--blue);min-height:24px;color:var(--blue);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;padding:0 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}@media (max-width:860px){.collection-expanded-header{flex-direction:column}.collection-summary-chips{justify-content:flex-start;max-width:none}}.collection-patterns-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pattern-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:128px minmax(0,1fr);min-height:210px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pattern-thumb{background-color:#fbf5eb;background-image:linear-gradient(#b8731609 1px,#0000 1px),linear-gradient(90deg,#b8731609 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:100%;padding:14px;display:grid;overflow:hidden}.pattern-thumb svg{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;width:100%;max-height:164px;display:block;box-shadow:0 6px 16px #573e1f14}.pattern-card-body{align-content:start;gap:12px;padding:16px;display:grid}.pattern-card-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.pattern-card-title h2{margin:0;font-size:17px;line-height:1.25}.pattern-card-title span,.pattern-metrics span,.pattern-links span,.pattern-tags span{background:var(--surface-soft);min-height:22px;color:var(--muted);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.pattern-date{color:#687386;align-items:center;gap:6px;font-size:13px;display:flex}.pattern-metrics,.pattern-links,.pattern-tags{flex-wrap:wrap;gap:6px;display:flex}.pattern-metrics span{color:var(--ink)}.pattern-links span{border:1px solid var(--line);color:#334155;background:#fff}.pattern-card-actions{grid-template-columns:minmax(0,1fr) 38px 38px;gap:8px;margin-top:2px;display:grid}.pattern-card-actions button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pattern-card-actions button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.pattern-card-actions button.danger{color:#ff1f1f}.publish-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto}.publish-source-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.publish-source-summary span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.publish-readonly-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.publish-readonly-grid div{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;gap:4px;padding:9px 10px;display:grid}.publish-readonly-grid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.publish-readonly-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.publish-warning{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 8%, white);color:var(--danger);border-radius:6px;gap:4px;padding:10px 12px;line-height:1.35;display:grid}.publish-warning span{color:var(--ink);font-size:13px}.editor-shell{background:var(--bg);grid-template-rows:54px 1fr;min-height:100vh;display:grid}.designer-loading-shell{background:linear-gradient(#b8731609 1px, transparent 1px), linear-gradient(90deg, #b8731609 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--ink);background-size:24px 24px;place-items:center;display:grid}.designer-loading-shell>div{justify-items:center;gap:8px;display:grid}.designer-loading-shell h1,.designer-loading-shell p{margin:0}.designer-loading-shell h1{font-size:22px}.designer-loading-shell p{color:var(--muted)}.designer-loading-logo{--brand-logo-mark-size:58px}.editor-topbar{z-index:30;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;display:grid;position:sticky;top:0;box-shadow:0 1px #1118270a}.bar-cluster{align-items:center;gap:8px;display:flex}.drawing-actions{justify-content:center}.edit-actions{justify-content:flex-end}.bar-separator{background:var(--line);width:1px;height:28px}.mode-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;gap:3px;padding:3px;display:inline-flex}.mode-toggle button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.mode-toggle button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.icon-action{color:#1f1f1f;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-action:hover{background:var(--surface-soft)}.icon-action:disabled,.icon-action:disabled:hover{cursor:not-allowed;color:color-mix(in srgb, var(--muted) 60%, white);background:0 0}.icon-action.selected{background:var(--blue);color:#fff}.icon-action.save-dirty{color:var(--blue)}.icon-action.danger:hover{color:var(--danger);background:#fff1f0}.zoom-control{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;align-items:center;gap:2px;padding:3px;display:inline-flex}.zoom-control .icon-action{border-radius:5px;width:30px;height:30px}.zoom-readout{background:var(--surface);min-width:48px;height:30px;color:var(--ink);border:0;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.zoom-readout:disabled{cursor:default;color:var(--muted)}.editor-body{grid-template-columns:310px minmax(0,1fr) 254px;min-height:0;display:grid}.left-panel,.right-panel{background:var(--panel);min-height:0;overflow:auto}.left-panel{border-right:1px solid var(--line);padding:18px 16px}.right-panel{border-left:1px solid var(--line);padding:18px 16px}.left-panel h2,.right-panel h2,.modal h2{margin:0;font-size:16px;line-height:1.25}.detail-tabs{background:var(--surface-soft);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:4px;margin:18px 0 20px;padding:4px;display:grid}.detail-tabs button{min-height:34px;color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:5px}.detail-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}.tab-panel,.right-section{gap:14px;display:grid}.panel-label,.right-section label,.modal label{color:var(--ink);gap:8px;font-size:14px;display:grid}.panel-copy,.selection-summary{color:var(--muted);margin:0;font-size:14px;line-height:1.35}.modal-warning-copy{border:1px solid color-mix(in srgb, var(--danger) 26%, var(--line));background:color-mix(in srgb, var(--danger) 7%, white);color:var(--danger);border-radius:6px;margin:0;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.4}.selection-summary{text-transform:capitalize;margin-top:8px;margin-bottom:22px}.panel-label textarea{resize:vertical;min-height:420px}.instructions-editor{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;display:grid;overflow:hidden}.instructions-toolbar{border-bottom:1px solid var(--line);background:var(--surface-soft);align-items:center;gap:4px;padding:6px;display:flex}.instructions-toolbar button{width:32px;height:30px;color:var(--ink);background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.instructions-toolbar button:hover{background:var(--surface)}.instructions-toolbar span{background:var(--line);width:1px;height:20px;margin:0 4px}.rich-instructions{outline:0;min-height:420px;padding:12px 14px;line-height:1.45}.rich-instructions:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-instructions ol,.rich-instructions ul,.pdf-instructions ol,.pdf-instructions ul{margin:0 0 10px;padding-left:22px}.rich-instructions p,.rich-instructions div,.pdf-instructions p,.pdf-instructions div{margin:0 0 8px}.step-count-field{max-width:180px}input,select,textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:5px;outline:0;padding:9px 10px}select:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%235e6a7d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:40px!important}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.collection-combobox{position:relative}.collection-combobox input{padding-right:40px}.collection-combobox>button{border:0;border-left:1px solid var(--line);width:36px;height:calc(100% - 2px);color:var(--muted);background:0 0;border-radius:0 4px 4px 0;place-items:center;padding:0;display:grid;position:absolute;top:1px;right:1px}.collection-combobox>button:hover{color:var(--blue)}.collection-combobox-menu{z-index:45;border:1px solid var(--line-strong);background:var(--surface);max-height:190px;box-shadow:var(--shadow);border-radius:6px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.collection-combobox-menu button,.collection-combobox-menu>span{min-height:32px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;padding:0 9px;font-size:13px;display:flex}.collection-combobox-menu button{justify-content:space-between;gap:8px}.collection-combobox-menu button:hover,.collection-combobox-menu button[aria-selected=true]{background:var(--blue-soft);color:var(--blue)}.collection-combobox-menu>span{color:var(--muted)}.collection-combobox-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collection-combobox-published-pill{border:1px solid color-mix(in srgb, var(--color-success) 36%, var(--line));border-radius:var(--radius-pill);background:var(--color-success-subtle);min-width:21px;min-height:20px;color:var(--color-success);justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}textarea{line-height:1.45}.tag-input-row{grid-template-columns:1fr 38px;gap:8px;display:grid}.tag-input-row button,.panel-command,.modal-primary,.modal-actions button{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.tag-input-row button,.modal-primary{border-color:var(--blue);background:var(--blue);color:#fff}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list button,.tag-list span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;display:inline-flex}.details-publish-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;gap:12px;padding:12px;display:grid}.details-publish-card strong{margin-bottom:4px;display:block}.marketplace-status-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.marketplace-status-pill{border:1px solid var(--line);background:var(--surface);min-height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.marketplace-status-pill.published{border-color:color-mix(in srgb, var(--color-success) 34%, var(--line));background:var(--color-success-subtle);color:var(--color-success)}.marketplace-status-dates{color:var(--muted);gap:5px;font-size:12px;display:grid}.details-publish-card .secondary-action{justify-self:start}.legend-editor-list{gap:8px;display:grid}.legend-editor-row{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-template-columns:18px 86px 1fr;align-items:center;gap:10px;padding:9px;font-size:13px;display:grid}.legend-editor-row input{width:15px;height:15px;margin:0}.legend-editor-row.muted{color:var(--muted);opacity:.58}.legend-token{color:var(--ink);align-items:center;display:inline-flex}.legend-token svg{width:24px;height:24px}.legend-token{color:var(--muted)}.canvas-workbench{background:#f8f8f8;min-width:0;padding:16px 24px 24px;position:relative;overflow:auto}.canvas-card-label{z-index:2;border:1px solid var(--line);background:var(--surface);min-width:130px;box-shadow:var(--shadow);border-radius:5px;align-items:flex-start;gap:10px;padding:10px 12px;display:inline-flex;position:absolute;top:12px;left:12px}.canvas-card-label>div{gap:5px;display:grid}.canvas-card-label strong{font-size:14px}.canvas-card-label span{color:var(--muted);font-size:12px}.canvas-card-label button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.canvas-card-label button:hover{background:var(--surface-soft);color:var(--ink)}.canvas-shell{min-width:min(100%,320px);margin:8px auto 0;transition:width .14s;position:relative}.canvas-ruler{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.canvas-ruler button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.canvas-ruler button:hover{background:var(--surface-soft);color:var(--ink)}.pattern-svg{border:1px solid var(--line-strong);touch-action:none;background:#fff;width:100%;height:auto;display:block;box-shadow:0 12px 28px #00000014}.pattern-svg.draw-cursor{cursor:crosshair}.pattern-svg.select-cursor{cursor:default}.selection-rect{fill:#1473ee1a;stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:6 4;pointer-events:none}.selected-path path:not(.path-hit-area){filter:drop-shadow(0 0 2px #1473ee73)}.hovered-path path:not(.path-hit-area){stroke:var(--blue)}.path-hit-area{cursor:pointer}.handle-line{stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:4 4}.anchor-point{fill:var(--surface);stroke:var(--blue);stroke-width:3px}.control-point{fill:var(--blue);stroke:#fff;stroke-width:2px}.pattern-icon{cursor:move}.pattern-icon>*{vector-effect:non-scaling-stroke}.selected-icon{filter:drop-shadow(0 0 3px #1473ee73);outline:none}.hovered-icon>:not(.resize-handles):not(.icon-label){stroke:var(--blue)}.resize-handles rect{fill:#fff;stroke:var(--blue);stroke-width:2px;cursor:nwse-resize;vector-effect:non-scaling-stroke}.rotate-handle line{stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.rotate-handle circle{fill:#fff;stroke:var(--blue);stroke-width:2px;cursor:grab;vector-effect:non-scaling-stroke}.rotate-handle circle:active{cursor:grabbing}.icon-label{pointer-events:none;font-weight:700}.pattern-text{cursor:move;-webkit-user-select:none;user-select:none}.selected-text{fill:var(--blue)}.canvas-text-input{border:1px solid var(--blue);width:100%;height:100%;color:var(--ink);background:#fffffff0;outline:0;padding:0 4px}.right-line-preview{width:100%;color:var(--ink)}.pdf-settings textarea{resize:vertical;min-height:88px}.logo-upload{border:1px dashed var(--line-strong);background:var(--surface);min-height:42px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.logo-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.pdf-actions{gap:10px;margin-top:8px;display:grid}.inline-controls{gap:8px;display:flex}.style-chip{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.style-chip.selected{border-color:var(--blue);background:var(--blue);color:#fff}.icon-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.palette-card{border:1px solid var(--line);background:var(--surface);min-height:90px;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:5px;place-items:center;gap:8px;padding:10px 6px;display:grid}.palette-card:active{cursor:grabbing}.palette-card:hover,.palette-card.selected{border-color:var(--blue);background:var(--blue-soft)}.palette-card span{color:var(--muted);font-size:12px}.pdf-stage{place-items:start center;min-height:100%;padding:18px 0 28px;display:grid;overflow:auto}.pdf-paper-frame{flex:none;position:relative}.pdf-page{transform-origin:0 0;grid-template-rows:94px var(--pdf-arena-slot-height,minmax(0, 1fr)) minmax(0, 1fr) var(--pdf-bottom-height,182px) 34px;width:816px;height:1056px;box-shadow:var(--shadow);background:#fff;gap:12px;padding:36px 42px 30px;display:grid;position:absolute;top:0;left:0;overflow:hidden}.pdf-header{text-align:center;grid-template-columns:96px minmax(0,1fr) 92px;align-items:stretch;gap:16px;min-height:0;display:grid}.pdf-header h1,.pdf-header h2,.pdf-header p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pdf-header h2{font-size:24px;line-height:1.1}.pdf-header h1{margin-top:4px;font-size:17px;line-height:1.15}.pdf-header p{margin-top:5px;font-size:12px;font-style:italic;line-height:1.2}.logo-slot,.pdf-code{border:1px solid var(--line-strong);min-height:0;color:var(--muted);place-items:center;font-size:11px;display:grid}.logo-slot.has-logo{border:0}.logo-slot.empty,.pdf-code.empty{color:#0000;border-color:#0000}.logo-slot img{object-fit:contain;width:100%;height:100%}.pdf-code{color:var(--ink);font-size:20px;font-weight:700}.pdf-arena-slot{place-items:center;min-height:0;display:grid;overflow:hidden}.pdf-arena{border:1px solid #000;overflow:hidden}.pdf-arena svg{width:100%;height:100%;display:block}.pdf-bottom{grid-row:4;grid-template-columns:minmax(0,1.32fr) minmax(0,.9fr);gap:16px;min-height:0;display:grid;overflow:visible}.pdf-bottom>div{min-width:0}.pdf-bottom h3{margin:0 0 6px;font-size:13px}.pdf-instructions{margin:0;font-size:12px;line-height:1.45}.pdf-instructions.split{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.pdf-instruction-column{flex-direction:column;gap:1px;min-width:0;display:flex}.pdf-instruction-row{break-inside:avoid;align-items:start;min-height:17px;display:grid}.pdf-instructions .pdf-instruction-column,.pdf-instructions .pdf-instruction-row{margin:0}.pdf-instruction-row.list{grid-template-columns:20px minmax(0,1fr);gap:3px}.pdf-instruction-marker{text-align:right}.pdf-instruction-text{min-width:0}.pdf-instruction-text>*{margin:0}.pdf-instructions.split ol,.pdf-instructions.split ul{margin-top:0}.pdf-instructions li{break-inside:avoid;margin-bottom:1px}.pdf-legend{gap:4px;display:grid}.pdf-legend.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:12px}.pdf-legend-column{gap:4px;min-width:0;display:grid}.legend-row{break-inside:avoid;grid-template-columns:minmax(54px,.82fr) minmax(40px,1fr);align-items:center;gap:5px;font-size:12px;display:grid}.legend-row svg{width:100%;height:18px}.legend-icon{min-height:28px;color:var(--ink);align-items:center;display:inline-grid}.legend-token svg,.legend-icon svg{color:var(--ink);display:block}.pdf-page.compact-bottom .pdf-instructions,.pdf-page.compact-bottom .legend-row{font-size:10.5px;line-height:1.28}.pdf-page.compact-bottom .pdf-bottom h3{margin-bottom:4px;font-size:12px}.pdf-page.compact-bottom .pdf-legend{gap:2px}.pdf-page.compact-bottom .legend-icon{min-height:22px}.pdf-page.compact-bottom .legend-row svg{height:15px}.pdf-footer{border-top:1px solid var(--line);grid-row:5;justify-content:space-between;align-items:end;min-height:0;padding-top:10px;font-size:12px;font-weight:700;display:flex}.modal-backdrop{z-index:20;background:#00000047;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:8px;gap:14px;width:min(420px,100%);padding:22px;display:grid;position:relative;box-shadow:0 20px 60px #0000003d}.modal-close{background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.modal-close:hover{background:var(--surface-soft)}.open-list{gap:8px;display:grid}.open-list button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:5px;gap:4px;padding:12px;display:grid}.open-list span{color:var(--muted);font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions.split{justify-content:space-between}.modal-error-list{color:var(--danger);margin:0;padding-left:20px;line-height:1.5}.modal-info-list{color:var(--ink);gap:7px;margin:0;padding-left:18px;line-height:1.4;display:grid}.split-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-danger{border-color:var(--danger)!important;background:var(--danger)!important;color:#fff!important}body.printing-pdf{background:#fff}body.printing-pdf .editor-topbar,body.printing-pdf .left-panel,body.printing-pdf .right-panel,body.printing-pdf .canvas-card-label{display:none!important}body.printing-pdf .editor-shell,body.printing-pdf .editor-body,body.printing-pdf .canvas-workbench,body.printing-pdf .pdf-stage{background:#fff;width:8.5in;min-height:auto;padding:0;display:block;overflow:visible}body.printing-pdf .pdf-paper-frame{width:8.5in!important;height:11in!important}body.printing-pdf .pdf-page{width:8.5in;height:11in;min-height:0;box-shadow:none;padding:.35in;position:static;transform:none!important}@media (max-width:940px){.editor-body{grid-template-columns:260px minmax(0,1fr)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}}@media (max-width:820px){.editor-topbar{grid-template-columns:1fr;gap:8px;height:auto;padding:8px}.bar-cluster{flex-wrap:wrap;justify-content:center}.editor-body{grid-template-columns:1fr}.left-panel,.right-panel{border:0;border-bottom:1px solid var(--line)}}@media print{@page{size:letter;margin:0}html,body{width:8.5in;height:11in}body{background:#fff}.editor-topbar,.left-panel,.right-panel,.canvas-card-label{display:none!important}.editor-shell,.editor-body,.canvas-workbench,.pdf-stage{background:#fff;width:8.5in;min-height:auto;padding:0;display:block;overflow:visible}.canvas-workbench{width:100%}.pdf-paper-frame{width:8.5in!important;height:11in!important}.pdf-page{width:8.5in;height:11in;min-height:0;box-shadow:none;page-break-after:avoid;padding:.35in;position:static;transform:none!important}}