:root{color-scheme:light;--gray-0: #ffffff;--gray-25: #fcfbfa;--gray-50: #f7f6f4;--gray-100: #f0eeeb;--gray-150: #e8e5e1;--gray-200: #dedad5;--gray-300: #c8c3bd;--gray-400: #a29c96;--gray-500: #6b655f;--gray-600: #5f5a56;--gray-700: #46423f;--gray-800: #2e2b29;--gray-900: #1e1c1b;--accent: var(--gray-800);--accent-hover: var(--gray-900);--accent-active: var(--gray-700);--accent-soft: var(--gray-100);--accent-soft-hover: var(--gray-150);--accent-border: var(--gray-300);--success-fg: #365f43;--success-bg: #eff5ef;--success-border: #c6d8c8;--warning-fg: #7a560a;--warning-bg: #fdf5e0;--warning-border: #ead08c;--danger-fg: #9a3631;--danger-bg: #fcefed;--danger-border: #eabdb8;--info-fg: var(--gray-700);--info-bg: var(--gray-50);--info-border: var(--gray-200);--bg: var(--gray-50);--surface: var(--gray-0);--surface-subtle: var(--gray-25);--surface-muted: var(--gray-100);--border: var(--gray-200);--border-subtle: var(--gray-150);--border-strong: var(--gray-300);--text: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: var(--gray-0);--transparent: transparent;--paper: #fffefb;--gutter-dark: rgba(30, 28, 27, .22);--gutter-soft: rgba(30, 28, 27, .07);--gutter-clear: rgba(30, 28, 27, 0);--field-tint: rgba(122, 86, 10, .08);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 34px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-display: -.035em;--tracking-caps: .08em;--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: 40px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(30, 28, 27, .05);--shadow-sm: 0 1px 3px rgba(30, 28, 27, .06), 0 1px 2px rgba(30, 28, 27, .04);--shadow-book: 0 12px 22px rgba(30, 28, 27, .12), 0 2px 3px rgba(30, 28, 27, .12);--focus-ring: 0 0 0 3px rgba(46, 43, 41, .18);--control-height: 38px;--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration: .18s;--sidebar-width: 224px;--content-max: 1600px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration: 0ms}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}h2{margin-bottom:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}strong{font-weight:var(--weight-semibold)}small{font-size:var(--text-2xs)}code{font-family:var(--font-mono);font-size:var(--text-xs)}::selection{background:var(--accent-soft-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.page-header p{margin:var(--space-2) 0 0;color:var(--text-secondary)}.eyebrow{display:block;margin-bottom:var(--space-2);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--weight-semibold)}.back-link{display:inline-flex;margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs);text-decoration:none}.back-link:hover{color:var(--accent)}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.notice{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-sm)}.notice.success{border-color:var(--success-border);background:var(--success-bg);color:var(--success-fg)}.notice.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-fg)}.notice.error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-fg)}.notice.info{border-color:var(--info-border);background:var(--info-bg);color:var(--info-fg)}.notice ul{padding-left:var(--space-5);margin:var(--space-2) 0 0}.notice li+li{margin-top:var(--space-1)}.status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:3px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;text-transform:capitalize}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-published{border-color:var(--success-border);background:var(--success-bg);color:var(--success-fg)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--transparent);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out)}.primary-button{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button{border-color:var(--border);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle)}button:disabled{opacity:.55;cursor:not-allowed}.text-button{border:0;background:var(--transparent);padding:var(--space-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:var(--text-xs)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}label{display:block;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}input:not([type=checkbox],[type=file]),select,textarea{display:block;width:100%;min-height:var(--control-height);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm)}textarea{resize:vertical;line-height:var(--leading-relaxed)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:var(--focus-ring)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-muted);cursor:not-allowed}.data-table{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th{background:var(--surface-subtle);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap}th,td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-subtle)}.empty-state{padding:var(--space-12) var(--space-6);color:var(--text-secondary);text-align:center}.empty-state strong{display:block;margin-bottom:var(--space-2);color:var(--text);font-size:var(--text-lg)}.muted,.help-text{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-regular)}.help-text{display:block;margin-top:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:30;padding:var(--space-3);background:var(--surface)}.skip-link:focus{top:var(--space-4)}@media(max-width:760px){.page-header{align-items:flex-start;flex-direction:column}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:var(--space-8) var(--space-3) var(--space-5);border-right:1px solid var(--border);background:var(--surface-subtle)}.sidebar-brand{padding:0 var(--space-3) var(--space-10)}.wordmark{display:block;font-family:var(--font-serif);font-size:var(--text-3xl);line-height:1.05;letter-spacing:var(--tracking-display);text-decoration:none}.wordmark span{color:var(--text-secondary);font-style:italic}.product-name{display:inline-flex;margin-top:var(--space-4);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.side-nav{display:grid;gap:var(--space-7)}.side-nav-group{display:grid;gap:var(--space-1)}.side-nav-heading{padding:0 var(--space-3) var(--space-2);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.side-nav a,.side-nav button{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:38px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:var(--transparent);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none}.side-nav a:hover{background:var(--surface-muted);color:var(--text)}.side-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.side-nav a.active:before{content:"";position:absolute;top:10px;bottom:10px;left:-12px;width:3px;background:var(--accent)}.side-nav button{justify-content:space-between;opacity:1;color:var(--text-tertiary)}.side-nav small{border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 var(--space-1)}.sidebar-footer{display:grid;gap:var(--space-1);margin-top:auto;padding:var(--space-8) var(--space-3) 0}.sidebar-footer .eyebrow{margin-bottom:0}.signed-in{font-size:var(--text-xs);overflow-wrap:anywhere}.sidebar-footer p{margin:var(--space-6) 0 0;font-family:var(--font-serif);font-style:italic;color:var(--text-tertiary)}.workspace{width:min(var(--content-max),100%);min-width:0;padding:var(--space-10) clamp(20px,3vw,48px) var(--space-12)}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);height:auto;padding:var(--space-4);border-right:0;border-bottom:1px solid var(--border)}.sidebar-brand{padding:0}.wordmark{font-size:var(--text-2xl)}.product-name,.sidebar-footer p,.side-nav-heading{display:none}.sidebar-footer{grid-column:2;grid-row:1;padding:0;margin:0;text-align:right}.side-nav{grid-column:1 / -1;display:flex;gap:var(--space-3)}.side-nav-group{display:contents}.side-nav a.active:before{display:none}.workspace{padding:var(--space-6) var(--space-3) var(--space-10)}}.new-page{display:grid;grid-template-columns:1.1fr 1.4fr 1fr auto;gap:var(--space-5);align-items:end;padding:var(--space-5);margin-bottom:var(--space-6)}.new-page p{margin-bottom:0;margin-top:var(--space-2)}.page-name{font-weight:var(--weight-semibold);text-decoration-thickness:1px;text-underline-offset:4px}.date-cell{white-space:nowrap;color:var(--text-secondary);font-size:var(--text-xs)}.error-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--danger-fg);box-shadow:0 0 0 3px var(--danger-bg)}.section{padding:var(--space-6);margin-bottom:var(--space-6)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.section-heading p{margin:0;color:var(--text-tertiary);font-size:var(--text-xs)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.char-count{float:right;color:var(--text-tertiary);font-weight:var(--weight-regular);font-size:var(--text-2xs)}.sort-order{max-width:190px}.editor-fieldset{padding:0;margin:0;border:0;min-width:0}.save-bar{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4);margin:calc(var(--space-3) * -1) 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-xs)}.illustrator-help{margin-bottom:var(--space-6);background:var(--surface-subtle)}.illustrator-help summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.help-content{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--space-8);padding:var(--space-3) var(--space-6) var(--space-6)}.help-content ol{padding-left:var(--space-5);margin-bottom:0;color:var(--text-secondary);font-size:var(--text-sm)}.help-content li+li{margin-top:var(--space-3)}.starter-downloads{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.starter-downloads h3,.starter-downloads p{margin:0}.starter-downloads .secondary-button{text-align:left}.artwork-size+.artwork-size{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);margin-top:var(--space-6)}.artwork-size h3{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subtle-tag{color:var(--text-tertiary);font-weight:var(--weight-regular);font-size:var(--text-xs)}.upload-grid.spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.drop-zone{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-subtle)}.drop-zone .eyebrow{margin:0}.drop-zone .actions{margin-top:var(--space-2)}.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-slot .notice{margin:var(--space-3) 0 0}.validation-pass{margin:var(--space-3) 0 0;color:var(--success-fg);font-size:var(--text-xs)}.preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.preview-controls select{width:auto}.guide-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-2xs);color:var(--text-tertiary)}.spreads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);padding:var(--space-6) 0 var(--space-2)}.spread-card{margin:0;min-width:0}.spread-card figcaption{display:flex;justify-content:space-between;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-4);font-size:var(--text-xs)}.spread-card figcaption span{color:var(--text-tertiary);font-size:var(--text-2xs)}.book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-radius:2px 4px 4px 2px;overflow:hidden;box-shadow:var(--shadow-book)}.book-page{display:block;width:100%;height:auto}.paper-fill{fill:var(--paper)}.book-gutter{pointer-events:none;position:absolute;top:0;bottom:0;left:44%;width:12%;background:linear-gradient(90deg,var(--gutter-clear),var(--gutter-soft) 33%,var(--gutter-dark) 49%,var(--gutter-soft) 58%,var(--gutter-clear))}.trim-guide{fill:none;stroke:var(--gray-400);stroke-width:1;vector-effect:non-scaling-stroke}.content-guide{fill:none;stroke:var(--gray-500);stroke-dasharray:5 4;stroke-width:1;vector-effect:non-scaling-stroke}.binding-guide{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.field-guide{fill:var(--field-tint);stroke:var(--warning-fg);stroke-dasharray:3 3;stroke-width:.6}.field-sample{fill:var(--text)}.empty-preview{fill:var(--text-tertiary);font-family:var(--font-serif)}.spread-caption{margin:var(--space-4) 0 0;text-align:center;color:var(--text-tertiary);font-size:var(--text-2xs)}.preview-note{margin:var(--space-5) 0 0;color:var(--text-tertiary);font-size:var(--text-2xs)}.fields-table{min-width:1000px}.fields-table th,.fields-table td{padding:var(--space-3) var(--space-2);vertical-align:top}.fields-table td:first-child{min-width:180px}.fields-table td:nth-child(2){min-width:150px}.fields-table td:nth-child(3){min-width:190px}.fields-table td:nth-child(5),.fields-table td:nth-child(7){width:90px}.fields-table code{font-size:var(--text-2xs)}.fields-table input,.fields-table select{margin-top:var(--space-1)}.revision-list{list-style:none;padding:0;margin:0}.revision-list li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}.revision-list time{color:var(--text-tertiary);font-size:var(--text-xs)}.archive-button{display:block;margin-top:var(--space-5);padding-left:0;color:var(--text-tertiary)}@media(min-width:1600px){.spreads{gap:var(--space-10)}}@media(max-width:1100px){.new-page{grid-template-columns:1fr 1fr}.spreads{grid-template-columns:1fr;max-width:600px;margin:0 auto;gap:var(--space-8)}.help-content{grid-template-columns:1fr}}@media(max-width:760px){.section{padding:var(--space-4)}.section-heading{align-items:flex-start;flex-direction:column}.details-grid,.new-page,.upload-grid.spread{grid-template-columns:1fr}.save-bar{justify-content:space-between}.help-content{padding:var(--space-4)}}