:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;--app-text: #1f2937;--app-background: radial-gradient(circle at top left, rgba(252, 211, 77, .25), transparent 22rem), radial-gradient(circle at bottom right, rgba(125, 211, 252, .18), transparent 28rem), linear-gradient(180deg, #f9f5ef 0%, #efe6d6 100%);--button-bg: #ffffff;--button-text: #1f2937;--button-hover-bg: #f8fafc;--button-shadow: 0 10px 24px rgba(71, 85, 105, .12);--accent-gradient: linear-gradient(135deg, #0f766e, #0891b2);--accent-text: #f8fafc;--input-bg: rgba(255, 255, 255, .84);--input-border: rgba(148, 163, 184, .45);--toolbar-bg: rgba(255, 255, 255, .72);--toolbar-border: rgba(148, 163, 184, .18);--toolbar-chip-bg: rgba(255, 255, 255, .88);--toolbar-chip-shadow: 0 10px 24px rgba(71, 85, 105, .1);--toolbar-menu-bg: rgba(255, 255, 255, .98);--toolbar-menu-border: rgba(226, 232, 240, .95);--toolbar-menu-shadow: 0 24px 48px rgba(15, 23, 42, .14);--workspace-panel-bg: rgba(255, 255, 255, .74);--workspace-panel-border: rgba(255, 255, 255, .65);--workspace-panel-shadow: 0 24px 70px rgba(15, 23, 42, .08);--sticky-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .82));--muted-text: #64748b;--card-bg: rgba(255, 255, 255, .82);--card-border: rgba(148, 163, 184, .22);--card-active-outline: rgba(14, 165, 233, .5);--paper-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(241, 245, 249, .95)), linear-gradient(135deg, rgba(250, 204, 21, .14), rgba(34, 197, 94, .1));--paper-shell-border: rgba(203, 213, 225, .85);--preview-paper-bg: #ffffff;--blank-paper-bg: linear-gradient(180deg, rgba(248, 250, 252, .95), rgba(241, 245, 249, .92)), repeating-linear-gradient( 135deg, rgba(148, 163, 184, .08) 0, rgba(148, 163, 184, .08) 10px, transparent 10px, transparent 20px );--side-pill-bg: rgba(15, 118, 110, .08);--side-pill-text: #0f766e;--canvas-bg: linear-gradient(180deg, rgba(248, 250, 252, .6), rgba(226, 232, 240, .4)), radial-gradient(circle at top, rgba(255, 255, 255, .95), rgba(241, 245, 249, .82));--canvas-border: rgba(226, 232, 240, .8);--legend-bg: rgba(255, 255, 255, .92);--legend-text: #475569;--legend-shadow: 0 10px 20px rgba(148, 163, 184, .16);--text-overlay-bg: rgba(255, 255, 255, .96);--text-overlay-border: rgba(37, 99, 235, .45);--text-overlay-shadow: 0 18px 34px rgba(37, 99, 235, .18);--panel-bg: rgba(255, 255, 255, .88);--panel-border: rgba(226, 232, 240, .9);--statline-bg: rgba(248, 250, 252, .95);--kbd-bg: rgba(15, 23, 42, .08);--kbd-border: rgba(148, 163, 184, .3);--warning-text: #b45309;--error-text: #b91c1c;color:var(--app-text);background:var(--app-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{min-width:320px;overflow:hidden;color:var(--app-text);background:var(--app-background);transition:background .18s ease,color .18s ease}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;background:var(--button-bg);color:var(--button-text);padding:.7rem 1rem;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease;box-shadow:var(--button-shadow)}button:hover:not(:disabled){transform:translateY(-1px);background:var(--button-hover-bg)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.is-active,.toolbar__accent{background:var(--accent-gradient);color:var(--accent-text)}input,select,textarea{width:100%;border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);padding:.7rem .85rem;color:inherit}textarea{resize:vertical}label{display:grid;gap:.35rem;font-size:.9rem}h1,h2,h3,p,ul,ol{margin:0}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;height:100dvh;overflow:hidden}.loading-screen{min-height:100%;display:grid;place-items:center;text-align:center}.loading-screen h1{font-family:Comic Neue,cursive;font-size:clamp(2rem,4vw,3rem)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--toolbar-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.toolbar__group{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;position:relative}.toolbar__group--zoom{min-width:14rem;justify-content:flex-end}.toolbar__group--panels{margin-left:auto;justify-content:flex-end}.toolbar__checkbox{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .85rem;border-radius:999px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow);white-space:nowrap}.toolbar__checkbox input{width:auto;margin:0}.toolbar__checkbox span{font-size:.92rem;font-weight:700}.toolbar__select{display:inline-grid;gap:.35rem;min-width:10rem;padding:.55rem .8rem;border-radius:20px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow);font-size:.82rem;font-weight:800;color:var(--muted-text)}.toolbar__select span{line-height:1}.toolbar__select select{padding:.45rem .65rem;border-radius:12px}.toolbar-menu{position:relative}.toolbar-menu__trigger{min-width:5.5rem}.toolbar-menu__panel{position:absolute;top:calc(100% + .55rem);left:0;z-index:40;display:grid;gap:.7rem;min-width:14rem;padding:.85rem;border-radius:22px;background:var(--toolbar-menu-bg);border:1px solid var(--toolbar-menu-border);box-shadow:var(--toolbar-menu-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar-menu__section{display:grid;gap:.45rem}.toolbar-menu__label{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text)}.toolbar-menu__panel button{justify-content:flex-start;border-radius:14px;box-shadow:none}.workspace{height:100%;min-height:0;min-width:0;display:grid;grid-template-columns:18rem minmax(0,1fr) 22rem;gap:1rem;padding:1rem;overflow:hidden}.workspace--inspector-hidden{grid-template-columns:18rem minmax(0,1fr)}.page-strip,.editor-stage,.inspector,.status-bar__column{border-radius:28px;background:var(--workspace-panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--workspace-panel-shadow);border:1px solid var(--workspace-panel-border)}.page-strip,.inspector{min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.page-strip__header,.editor-stage__title{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .75rem}.page-strip__header p,.editor-stage__title p{color:var(--muted-text);font-size:.92rem}.page-strip__header{position:sticky;top:0;z-index:2;padding-bottom:.8rem;background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-strip__list{display:grid;gap:.85rem;padding:0 1rem 1rem}.page-strip__mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 1rem 1rem}.page-strip__mode button{border-radius:16px;box-shadow:none}.page-card{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:start;padding:.9rem;border-radius:22px;border:1px solid var(--card-border);background:var(--card-bg)}.page-card.is-active{outline:2px solid var(--card-active-outline)}.page-card__content{display:grid;gap:.35rem;min-width:0}.page-card__thumbnailButton{display:block;padding:0;border:none;background:transparent;box-shadow:none;cursor:pointer;text-align:left}.page-card__thumbnailButton:hover .page-card__paper--preview,.page-card__thumbnailButton:focus-visible .page-card__paper--preview{border-color:#0ea5e9a6;box-shadow:0 0 0 3px #0ea5e91f}.page-card__thumbnail{display:block}.page-card__spreadPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;align-items:start}.page-card__spreadPane{display:grid;gap:.3rem;min-width:0}.page-card__spreadPane .page-card__paper--preview{max-width:none}.page-card__spreadLabel{font-size:.74rem;color:var(--muted-text)}.page-card__paper{display:block;aspect-ratio:1 / 1.1;border-radius:18px;background:var(--paper-shell-bg);border:1px solid var(--paper-shell-border)}.page-card__paper--preview{width:100%;height:auto;aspect-ratio:auto;overflow:hidden;padding:0;background:var(--preview-paper-bg)}.page-card__paper--blank{display:grid;place-items:center;min-height:7.5rem;background:var(--blank-paper-bg)}.page-card__blankLabel{font-size:.8rem;font-weight:700;color:var(--muted-text)}.page-card__paper--preview canvas{display:block}.page-card__side{justify-self:start;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--side-pill-bg);color:var(--side-pill-text)}.page-card__meta,.page-card__title{display:block}.page-card__meta{color:var(--muted-text);font-size:.82rem}.page-card__title{font-weight:700;min-width:0}.page-card__actions button{padding:.3rem .55rem;min-width:2rem;border-radius:12px;box-shadow:none}.page-card__actions{display:grid;gap:.35rem;align-self:center}.editor-stage{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0;height:100%;overflow:hidden}.editor-stage__actions{display:flex;gap:.5rem}.editor-stage__title{flex-wrap:wrap}.canvas-shell{position:relative;min-height:0;height:100%;overflow:hidden;background:var(--canvas-bg);border-top:1px solid var(--canvas-border)}.canvas-shell canvas{border-radius:0 0 28px 28px}.canvas-shell__legend{position:absolute;top:1rem;left:1rem;z-index:5;display:inline-flex;gap:.75rem;align-items:center;padding:.45rem .7rem;border-radius:999px;background:var(--legend-bg);color:var(--legend-text);font-size:.78rem;box-shadow:var(--legend-shadow)}.swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:999px;margin-right:.3rem}.swatch--bleed{background:#fbbf2452}.swatch--safe{background:#0ea5e952}.swatch--preflight{background:#d9770652}.text-overlay{position:absolute;z-index:10;margin:0;resize:none;box-sizing:border-box;border-radius:12px;border:2px solid var(--text-overlay-border);background:var(--text-overlay-bg);box-shadow:var(--text-overlay-shadow)}.crop-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:2rem;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crop-editor{width:min(980px,92vw);max-height:min(86vh,860px);display:grid;gap:1rem;padding:1.25rem;border-radius:28px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 24px 80px #0f172a47}.crop-editor__header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.crop-editor__header h2{margin:0;font-family:Comic Neue,cursive;font-size:1.35rem}.crop-editor__header p{margin:.35rem 0 0;color:var(--muted-text)}.crop-editor__stats{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.crop-editor__stats span{padding:.35rem .6rem;border-radius:999px;background:var(--card-bg);border:1px solid var(--card-border);font-size:.82rem}.crop-editor__viewport-wrap{min-height:0}.crop-editor__viewport{position:relative;width:100%;height:min(62vh,600px);overflow:hidden;border-radius:22px;background:linear-gradient(45deg,rgba(148,163,184,.15) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.15) 75%),linear-gradient(45deg,rgba(148,163,184,.15) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.15) 75%);background-position:0 0,12px 12px;background-size:24px 24px;border:1px solid var(--canvas-border)}.crop-editor__image,.crop-editor__shade,.crop-editor__selection,.crop-editor__handle{position:absolute}.crop-editor__image{-webkit-user-select:none;user-select:none;pointer-events:none}.crop-editor__shade{background:#0f172a85;pointer-events:none}.crop-editor__selection{border:2px solid #f8fafc;cursor:move;touch-action:none}.crop-editor__selection:after{content:"Drag to crop";position:absolute;left:.55rem;top:.55rem;padding:.2rem .45rem;border-radius:999px;background:#0f172ac7;color:#f8fafc;font-size:.78rem}.crop-editor__handle{width:16px;height:16px;border-radius:999px;border:2px solid #0f172a;background:#f8fafc;transform:translate(-50%,-50%);touch-action:none}.crop-editor__handle--top-left,.crop-editor__handle--bottom-right{cursor:nwse-resize}.crop-editor__handle--top-right,.crop-editor__handle--bottom-left{cursor:nesw-resize}.crop-editor__placeholder{height:100%;display:grid;place-items:center;color:var(--muted-text)}.crop-editor__footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.crop-editor__footer-actions{display:flex;gap:.6rem}.inspector{padding:1rem;gap:1rem}.inspector__header{position:sticky;top:-1rem;z-index:2;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:-1rem -1rem 0;padding:1rem;background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector__header p{color:var(--muted-text);font-size:.88rem}.inspector__header h2{font-family:Comic Neue,cursive;font-size:1.25rem}.panel{display:grid;gap:.85rem;padding:1rem;border-radius:22px;background:var(--panel-bg);border:1px solid var(--panel-border)}.panel h2{font-family:Comic Neue,cursive;font-size:1.25rem}.panel__empty{color:var(--muted-text);font-size:.92rem}.grid-two,.button-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:.55rem}.focal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.5rem}.focal-grid button{min-height:2.5rem;padding:.45rem .55rem}.focal-grid button.is-active{outline:2px solid var(--card-active-outline);outline-offset:1px}.layers-list{display:grid;gap:.6rem}.layers-stack{display:grid;gap:.8rem}.layers-section{display:grid;gap:.55rem}.layers-section__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;color:var(--muted-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.layer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem .9rem;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg)}.layer-row.is-active{outline:2px solid var(--card-active-outline)}.layer-row.is-drop-before{box-shadow:inset 0 3px 0 var(--card-active-outline)}.layer-row.is-drop-after{box-shadow:inset 0 -3px 0 var(--card-active-outline)}.layer-row__grip{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;padding:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--muted-text);cursor:grab;-webkit-user-select:none;user-select:none}.layer-row__grip:hover:not(:disabled){transform:none;background:transparent}.layer-row__grip:active{cursor:grabbing}.layer-row__select{display:grid;gap:.2rem;min-width:0;padding:0;background:transparent;box-shadow:none;text-align:left}.layer-row__select:hover:not(:disabled){transform:none;background:transparent}.layer-row__select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__meta{color:var(--muted-text);font-size:.8rem}.layer-row__actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.layer-row__actions button{padding:.35rem .65rem;border-radius:12px;box-shadow:none}.layer-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--side-pill-bg);color:var(--side-pill-text);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.layer-chip.is-muted{opacity:.65}.toggle{display:flex;align-items:center;gap:.7rem}.toggle input{width:auto}.statline{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;border-radius:16px;background:var(--statline-bg)}.statline--warning{color:var(--warning-text);box-shadow:inset 0 0 0 1px currentColor}.status-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-height:min(18rem,34vh);overflow:auto;margin:0 1rem 1rem;padding:0}.status-bar__column{padding:1rem 1.1rem}.status-bar__column h2{margin-bottom:.55rem;font-family:Comic Neue,cursive}.status-bar__column ul,.status-bar__column ol{padding-left:1.15rem}.status-bar__column li+li,.status-bar__column p+p{margin-top:.45rem}.issue--warning strong{color:var(--warning-text)}.issue--error strong{color:var(--error-text)}kbd{display:inline-block;padding:.15rem .45rem;border-radius:10px;background:var(--kbd-bg);border:1px solid var(--kbd-border);font-size:.84rem}@media(max-width:1200px){.workspace{grid-template-columns:15rem 1fr 20rem}.workspace--inspector-hidden{grid-template-columns:15rem minmax(0,1fr)}}@media(max-width:980px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.workspace{grid-template-columns:1fr;height:auto;overflow:visible}.workspace--inspector-hidden{grid-template-columns:1fr}.page-strip{order:2;max-height:24rem}.inspector{order:3;max-height:28rem}.status-bar{grid-template-columns:1fr;max-height:none}.toolbar__group--panels{margin-left:0;width:100%;justify-content:flex-end}}