@import"https://fonts.googleapis.com/css2?family=Anton&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap";:root{--ink: #16140f;--paper: #faf9f5;--workspace: #eceae4;--stage: #e4e2db;--muted: #7a766b;--faint: #9a968c;--accent: #d42a1f;--line: 2px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-sm: 3px 3px 0 rgba(22, 20, 15, .18);color:var(--ink);background:var(--workspace);font-family:Courier Prime,ui-monospace,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body,#root{height:100%}*{box-sizing:border-box}body{background:var(--workspace);background-image:radial-gradient(rgba(22,20,15,.04) 1px,transparent 1.6px);background-size:8px 8px;margin:0;min-width:1120px;overflow:hidden}button,input,select{font:inherit}button,.file-button{align-items:center;background:var(--paper);border:var(--line);border-radius:0;color:var(--ink);cursor:pointer;display:inline-flex;font-family:Courier Prime,monospace;font-size:12px;font-weight:700;letter-spacing:.06em;min-height:34px;padding:0 10px;text-transform:uppercase}button:hover,.file-button:hover{background:var(--ink);color:var(--paper)}button:disabled{cursor:not-allowed;opacity:.42}label:has(input:disabled),.rotation-presets:has(button:disabled){opacity:.42}label:has(input:disabled),label:has(input:disabled) input,.rotation-presets:has(button:disabled),.rotation-presets:has(button:disabled) button{cursor:not-allowed}label:has(input:disabled) input[type=range]{cursor:not-allowed}label:has(input:disabled) input[type=range]::-webkit-slider-thumb{cursor:not-allowed}label:has(input:disabled) input[type=range]::-moz-range-thumb{cursor:not-allowed}button.active,button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}button.primary:hover{background:var(--accent);color:var(--ink)}button.primary.export-open{background:var(--accent);border-color:var(--ink);color:var(--ink)}.app-shell{height:100vh;overflow:hidden}.topbar{align-items:center;background:var(--paper);border-bottom:3px solid var(--ink);display:grid;gap:12px;grid-template-columns:minmax(260px,1fr) auto minmax(180px,1fr);min-height:64px;padding:6px 14px;z-index:10}.eyebrow{color:var(--muted);font-family:Courier Prime,monospace;font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 2px;text-transform:uppercase}.title-input{background:transparent;border:0;color:var(--ink);font-family:Anton,sans-serif;font-size:26px;font-weight:400;letter-spacing:.01em;min-width:320px;outline:0;padding:0;text-transform:uppercase}.title-counter{color:var(--muted);font-family:Courier Prime,monospace;font-size:10px;font-weight:700;letter-spacing:.18em;margin:2px 0 0;text-transform:uppercase}.top-actions{align-items:center;display:flex;gap:8px;justify-self:end}.export-menu{position:relative}.export-options{background:var(--paper);border:var(--line);border-radius:0;box-shadow:var(--shadow);display:grid;gap:4px;min-width:92px;padding:5px;position:absolute;right:0;top:calc(100% + 5px);z-index:20}.export-options button{justify-content:center;width:100%}.save-state{color:var(--muted);font-size:11px;letter-spacing:.08em;margin-right:8px;text-transform:uppercase}.save-state:before{background:var(--ink);content:"";display:inline-block;height:10px;margin-right:9px;vertical-align:-1px;width:10px}.workspace{display:grid;gap:14px;grid-template-columns:280px minmax(520px,1fr) 300px;height:calc(100vh - 64px);min-height:0;overflow:hidden;padding:14px}.panel{background:var(--paper);border:var(--line);border-radius:0;box-shadow:var(--shadow)}.tray-panel,.inspector{align-self:start;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:12px}.tray-panel{gap:16px;padding:18px 18px 20px}.inspector{padding:18px 18px 20px}.tray-panel .panel-heading{gap:12px;padding-bottom:15px}.tray-panel .panel-heading h2{font-size:25px;line-height:1}.tray-panel .panel-heading p{margin-top:8px}.tray-panel .file-button{align-self:flex-start;background:var(--ink);border-color:var(--ink);color:var(--paper);gap:7px;justify-content:center;min-height:34px;min-width:82px;padding:0 14px}.tray-panel .file-button:before{content:"+";font-family:Courier Prime,monospace;font-size:16px;font-weight:700;line-height:1}.tray-panel .file-button:hover{background:var(--accent);color:var(--ink)}.inspector{gap:0}.design-heading{margin-bottom:16px;padding-bottom:15px;position:relative}.design-heading:after{background:var(--accent);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.design-heading span{color:var(--muted);display:block;font-family:Courier Prime,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;margin-top:8px;text-transform:uppercase}.design-heading h2{font-size:25px;line-height:1}.panel-heading,.preview-header,.crop-heading{align-items:center;display:flex;justify-content:space-between;gap:12px}h2{font-family:Anton,sans-serif;font-size:16px;font-weight:400;letter-spacing:.01em;margin:0;text-transform:uppercase}.panel-heading p,.toolbar p,.crop-heading span{color:var(--faint);font-size:11px;letter-spacing:.04em;margin:3px 0 0;text-transform:uppercase}.panel-heading{padding-bottom:11px;position:relative}.panel-heading:after{background:var(--accent);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.file-button{position:relative}.file-button input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.drop-zone{align-items:center;background:#f2f1ec;border:2px dashed var(--ink);border-radius:0;color:var(--muted);display:flex;flex-direction:column;font-size:11px;gap:5px;justify-content:center;letter-spacing:.1em;min-height:70px;text-transform:uppercase}.drop-zone small{font-size:9px;letter-spacing:.08em;text-transform:lowercase}.drop-zone span{font-size:13px}.drop-zone:hover{border-color:var(--accent);color:var(--ink)}.tray-panel .drop-zone{margin-bottom:10px}.asset-count{color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.asset-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:10px;scrollbar-color:var(--ink) var(--paper);scrollbar-gutter:stable;scrollbar-width:auto}.asset-list::-webkit-scrollbar{width:10px}.asset-list::-webkit-scrollbar-track{background:var(--paper)}.asset-list::-webkit-scrollbar-thumb{background:var(--ink);border-radius:0}.asset-card{align-items:center;background:var(--paper);border:var(--line);border-radius:0;cursor:grab;display:grid;gap:9px;grid-template-columns:44px 1fr 28px;padding:6px}.asset-card>div{min-width:0}.asset-card:hover{background:#f2f1ec}.asset-card img{aspect-ratio:1;border:0;border-radius:0;height:44px;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:44px}.asset-card strong,.asset-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card strong{font-size:13px}.asset-card span{color:var(--faint);font-size:11px;letter-spacing:.04em;margin-top:4px}.asset-card button{justify-content:center;min-height:28px;padding:0}.asset-remove svg{display:block;fill:currentColor;height:14px;width:14px}.center-stage{background:transparent;display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;overflow:visible}.view-switcher{align-self:center;background:var(--paper);border:var(--line);display:flex;flex:0 0 auto;gap:0;justify-self:center}.view-switcher button{border:0;border-right:var(--line);border-radius:0;min-height:32px;padding:0 16px}.view-switcher button:last-child{border-right:0}.view-switcher button:hover{background:var(--paper);color:var(--ink)}.view-switcher button.active:hover{background:var(--ink);color:var(--paper)}.topbar .primary{font-family:Anton,sans-serif;font-size:18px;font-weight:400;letter-spacing:.03em;min-height:50px;min-width:112px;padding:0 18px}.topbar .primary:after{content:"↓";font-family:Courier Prime,monospace;font-size:28px;font-weight:700;margin-left:8px}.toolbar{align-items:center;display:flex;justify-content:flex-end;min-height:34px;padding:6px 10px}.segmented{display:flex;gap:6px}.icon-button{font-size:14px;justify-content:center;min-width:34px;padding:0 8px}.lock-toggle{font-weight:700;gap:7px}.lock-toggle svg{display:block;fill:currentColor;height:14px;width:14px}.page-controls{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:22px}.page-controls:before{color:var(--faint);content:"Frame";font-family:Courier Prime,monospace;font-size:11px;font-weight:400;grid-column:1 / -1;letter-spacing:.12em;text-transform:uppercase}.page-controls button{font-size:12px;justify-content:center;min-height:46px;min-width:0;padding:0 10px}.page-grid{background:var(--stage);background-image:radial-gradient(rgba(22,20,15,.04) 1px,transparent 1.6px);background-size:9px 9px;border:var(--line);box-shadow:var(--shadow);display:grid;flex:1 1 auto;gap:16px;grid-template-columns:repeat(4,minmax(78px,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;overflow:hidden;padding:18px}.page-tile{align-items:center;background:transparent;border:0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:visible;padding:0;text-align:left}.page-tile.selected{box-shadow:none}.page-tile:hover{background:transparent}.page-tile:focus-visible .page-tile-inner{outline:2px solid var(--accent);outline-offset:2px}.page-tile-inner{align-self:center;display:grid;flex:1 1 auto;gap:6px;grid-template-rows:28px minmax(0,1fr) 28px;height:100%;max-height:100%;min-height:0;min-width:0;position:relative;width:fit-content}.page-tile.selected .page-tile-inner{box-shadow:none}.page-tile.dragging{opacity:.45}.page-tile span{align-items:center;align-self:stretch;display:flex;gap:3px;font-family:Anton,sans-serif;font-size:12px;font-weight:400;letter-spacing:.05em;overflow:hidden;text-align:left;white-space:nowrap;text-transform:uppercase}.page-tile.selected .page-label-text strong{color:var(--accent)}.page-label-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.page-tile span strong,.page-label-text strong{font-weight:800}.page-tile small{color:var(--muted);font-size:10px}.page-preview{align-items:center;background:var(--stage);border:var(--line);border-radius:0;box-shadow:var(--shadow-sm);display:flex;justify-content:center;height:100%;min-height:0;overflow:hidden;position:relative;touch-action:none;max-height:100%;max-width:100%;width:auto}.page-tile.selected .page-preview{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent)}.page-tile.selected .page-tile-inner:after{display:none}.page-caption{align-items:start;display:flex;min-height:28px;position:relative}.page-caption-text{color:var(--muted);display:block;font-family:Courier Prime,monospace;font-size:13px;font-weight:700;letter-spacing:.12em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.page-tile .page-caption-text{text-transform:none}.page-tile.selected .page-caption-text{padding-right:82px}.page-tile.selected .page-caption:after{background:var(--accent);color:var(--ink);content:"EDITING";font-family:Anton,sans-serif;font-size:11px;font-weight:400;letter-spacing:.04em;line-height:1;padding:4px 6px;position:absolute;right:0;top:0;text-transform:uppercase;z-index:4}.page-preview .render-canvas{filter:contrast(1.04);height:100%;object-fit:cover;width:100%}.page-clear{align-items:center;background:transparent;border:var(--line);border-radius:0;display:flex;flex:0 0 auto;height:28px;justify-content:center;min-height:0;padding:0;width:28px}.page-clear:hover{background:var(--ink);color:var(--paper)}.page-clear svg{display:block;fill:currentColor;height:14px;width:14px}.page-preview em,.crop-stage em{color:#8a8174;font-size:13px;font-style:normal}.render-canvas,.imposition-canvas{display:block;height:auto;width:100%}.preview-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:2px}.booklet-panel{background:transparent;border:var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0}.fold-sheet-panel{align-items:center;background:transparent;border:var(--line);box-shadow:var(--shadow);display:flex;height:100%;justify-content:center;min-height:0;overflow:hidden;padding:24px}.preview-header{flex:0 0 auto;margin-bottom:6px;text-align:center}.preview-header>div{display:flex;gap:8px}.booklet-canvas{align-items:center;background:transparent;border:0;border-radius:0;--preview-page-height: 75%;--preview-nav-offset: 37.5%;display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;padding:0 64px;position:relative}.preview-page-hit{align-items:center;cursor:zoom-in;display:flex;height:var(--preview-page-height);justify-content:center;max-height:100%;max-width:100%}.booklet-canvas .render-canvas{border:1px solid var(--ink);box-shadow:var(--shadow-sm);filter:contrast(1.04);height:100%;max-height:100%;max-width:100%;width:auto}.preview-zone{align-items:center;background:var(--paper);border:1px solid var(--ink);bottom:0;color:var(--ink);display:flex;font-size:28px;font-weight:400;justify-content:center;min-height:0;padding:0;position:absolute;top:0;transform:none;width:56px;z-index:2}.preview-zone:hover{background:var(--paper);color:var(--ink)}.preview-zone:disabled{background:transparent;border-color:#b8b2a8;color:#b8b2a8;opacity:1}.preview-zone-left{border-width:0 1px 0 0;left:0}.preview-zone-right{border-width:0 0 0 1px;right:0}.thumbnail-row{background:transparent;border-top:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;left:64px;margin-top:0;padding:0 12px;position:absolute;right:64px;top:calc(50% + var(--preview-nav-offset) + 14px);transform:translateY(14px)}.thumbnail-row button:hover{background:var(--paper);color:var(--ink)}.thumbnail-row button.active:hover{background:var(--ink);color:var(--paper)}.inspector label{color:var(--ink);display:grid;font-family:Courier Prime,monospace;font-size:12px;font-weight:400;gap:4px;letter-spacing:.1em;text-transform:uppercase}.control-label{align-items:baseline;display:flex;justify-content:space-between;gap:10px}.control-unit{color:var(--ink);flex:0 0 auto;font-weight:700;letter-spacing:.06em}.stroke-label-actions{align-items:center;display:inline-flex;gap:8px}.inspector select,.inspector input[type=text]{background:var(--paper);border:var(--line);border-radius:0;font-family:Courier Prime,monospace;font-weight:700;letter-spacing:.04em;min-height:34px;padding:0 10px;text-transform:uppercase}.inspector input[type=color]{background:transparent;border:var(--line);border-radius:0;height:30px;padding:0;width:100%}.stroke-controls,.margin-controls{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 48px}.margin-controls{grid-template-columns:1fr 48px}.margin-controls button,.stroke-controls button{font-size:11px;justify-content:center;min-height:28px;min-width:0;padding:0 4px}.stroke-controls input[type=color],.stroke-label-actions input[type=color],.paper-controls input[type=color]{height:28px;width:34px}.stroke-controls input[type=color],.stroke-label-actions input[type=color]{background:transparent;border:var(--line);padding:0}.stroke-controls input[type=color]::-webkit-color-swatch-wrapper,.stroke-label-actions input[type=color]::-webkit-color-swatch-wrapper{padding:0}.stroke-controls input[type=color]::-webkit-color-swatch,.stroke-label-actions input[type=color]::-webkit-color-swatch{border:0}.stroke-controls input[type=color]::-moz-color-swatch,.stroke-label-actions input[type=color]::-moz-color-swatch{border:0}.crop-editor{border-top:var(--line);display:flex;flex-direction:column;gap:16px;margin-bottom:auto;min-height:0;padding-bottom:28px;padding-top:18px}.crop-editor:before,.paper-controls:before{color:var(--faint);content:"Adjust";font-family:Courier Prime,monospace;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.paper-controls{align-items:start;border-top:var(--line);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 44px;margin-bottom:auto;padding-top:18px}.paper-controls:before{content:"Paper";grid-column:1 / -1}.paper-controls label{white-space:nowrap}.paper-controls label:first-of-type{display:grid;gap:8px}.paper-controls label:last-of-type{align-self:end;display:block;font-size:0;height:34px}.paper-controls select{min-width:0;width:100%}.paper-controls input[type=color]{background:transparent;border:var(--line);height:34px;padding:0;width:34px}.paper-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.paper-controls input[type=color]::-webkit-color-swatch{border:0}.paper-controls input[type=color]::-moz-color-swatch{border:0}.crop-stage{align-items:center;background:var(--stage);border:var(--line);cursor:grab;display:flex;flex:0 0 auto;justify-content:center;max-width:60px;overflow:hidden;place-self:center;position:relative;touch-action:none;width:100%}.crop-stage:active{cursor:grabbing}.frame-overlay{top:0;right:0;bottom:0;left:0;pointer-events:auto;position:absolute;z-index:3}.image-transform-box{pointer-events:auto;position:absolute;transform-origin:center}.image-transform-box:before{border:1px solid rgba(32,31,28,.65);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.frame-handle{align-items:center;background:var(--paper);border:1px solid var(--ink);box-shadow:var(--shadow-sm);color:var(--ink);display:flex;font-size:12px;font-weight:900;height:18px;justify-content:center;pointer-events:auto;position:absolute;touch-action:none;width:18px;z-index:2}.zoom-handle{border-radius:4px;cursor:nwse-resize}.zoom-handle.nw{cursor:nwse-resize;left:0;top:0}.zoom-handle.ne{cursor:nesw-resize;right:0;top:0}.zoom-handle.sw{bottom:0;cursor:nesw-resize;left:0}.zoom-handle.se{bottom:0;cursor:nwse-resize;right:0}.rotate-handle{border-radius:999px;bottom:0;cursor:grab;height:22px;left:50%;transform:translate(-50%);width:22px}.rotate-handle:active{cursor:grabbing}.zoom-presets,.rotation-presets{display:grid;gap:4px}.zoom-presets{grid-template-columns:repeat(5,1fr)}.rotation-presets{grid-template-columns:repeat(4,1fr)}.zoom-presets button,.rotation-presets button{font-size:11px;justify-content:center;min-height:24px;min-width:0;padding:0 4px}.frame-actions,.project-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr}.frame-actions button,.project-actions button{font-size:12px;justify-content:center;min-width:0;padding:0 6px}.project-actions{border-top:var(--line);grid-template-columns:repeat(3,1fr);padding-top:8px}.imposition-canvas{align-self:center;background:transparent;border:1px solid var(--ink);border-radius:0;box-shadow:var(--shadow-sm);flex:1 1 auto;height:auto;max-height:88%;max-width:88%;min-height:0;object-fit:contain;width:auto}.inspector input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);border:1.5px solid var(--ink);border-radius:0;cursor:pointer;height:8px;width:100%}.inspector input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:1.5px solid var(--ink);border-radius:0;cursor:pointer;height:16px;width:16px}.inspector input[type=range]::-moz-range-thumb{background:var(--ink);border:1.5px solid var(--ink);border-radius:0;height:16px;width:16px}::selection{background:var(--ink);color:var(--paper)}@media(max-width:1180px){body{min-width:0}.workspace{grid-template-columns:1fr}.tray-panel,.inspector{max-height:none;position:static}.page-grid{grid-template-columns:repeat(4,minmax(92px,1fr))}.topbar{align-items:stretch;flex-direction:column;gap:12px}.top-actions{flex-wrap:wrap}}