@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--ink:#242622;--muted:#74766f;--paper:#fcfbf7;--canvas:#dce2dc;--line:#e2dfd6;--line-strong:#cecac0;--accent:#bc4c2f;--accent-dark:#963820;--green:#315f4e;--sans:"DM Sans", sans-serif;--display:"Fraunces", Georgia, serif;--mono:"DM Mono", monospace;color:var(--ink);background:var(--canvas);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;letter-spacing:0}html{background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a,input,canvas{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--green)}.app-shell{background:var(--canvas);min-height:100svh}.topbar{z-index:10;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:relative}.brand{color:var(--ink);font-family:var(--display);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.local-badge{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.workspace{grid-template-columns:390px minmax(0,1fr);min-height:calc(100svh - 64px);display:grid}.control-panel{z-index:2;background:var(--paper);border-right:1px solid var(--line);padding:28px 30px 24px;position:relative;overflow-y:auto}.panel-intro{margin-bottom:22px}.eyebrow,.preview-kicker{color:var(--accent-dark);text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.panel-intro h1{max-width:300px;color:var(--ink);font-family:var(--display);margin:0;font-size:31px;font-weight:650;line-height:1.08}button,input{font:inherit}button{color:inherit}.upload-button,.primary-action{color:#fff;background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;font-size:14px;font-weight:800;transition:background .16s,transform .16s,box-shadow .16s;display:flex}.upload-button:hover,.primary-action:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 7px 18px #a6432a2e}.file-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;display:grid}.file-icon{width:28px;height:28px;color:var(--green);background:#e7eee9;border-radius:4px;place-items:center;display:grid}.file-copy{flex-direction:column;min-width:0;display:flex}.file-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.file-copy span,.export-meta{color:var(--muted);font-size:10px}.file-check{color:var(--green)}.control-group{border-bottom:1px solid var(--line);padding:17px 0}.control-group.compact{padding:14px 0}.control-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.control-heading label,.standalone-label{color:var(--ink);font-size:12px;font-weight:800;display:block}.control-heading span{color:var(--muted);font-family:var(--mono);font-size:10px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px;display:grid}.preset{min-width:0;min-height:38px;color:var(--muted);border:1px solid var(--line-strong);text-align:left;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:700;transition:border-color .14s,color .14s,background .14s;display:flex}.preset:hover{color:var(--ink);border-color:#a7a59f}.preset.active{color:var(--ink);border-color:var(--ink);background:#f5f3ec}.preset-swatch{background:var(--swatch);border-radius:3px;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #00000014}.range-input{--range-progress:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.range-input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--range-progress), #dad7ce var(--range-progress));border-radius:0;height:3px}.range-input::-moz-range-track{background:#dad7ce;height:3px}.range-input::-moz-range-progress{background:var(--ink);height:3px}.range-input::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.range-input::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:11px;height:11px}.range-with-icon{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;display:grid}.paper-options{gap:9px;margin-top:10px;display:flex}.paper{width:34px;height:28px;color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #c8c4ba;border-radius:4px;place-items:center;display:grid}.paper.active{border-color:var(--accent);box-shadow:0 0 0 2px #bc4c2f21}.text-input,.date-input{width:100%;color:var(--ink);border:1px solid var(--line-strong);background:#faf9f5;border-radius:4px;outline:none}.text-input{height:40px;margin-top:9px;padding:0 11px;font-family:Georgia,serif;font-size:13px;font-style:italic}.text-input:focus,.date-input:focus{border-color:var(--ink)}.date-row{grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:12px;margin-top:9px;display:grid}.check-label{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.check-label input{opacity:0;position:absolute}.custom-check{color:#fff;background:var(--ink);border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.check-label input:not(:checked)+.custom-check{color:#0000;border:1px solid var(--line-strong);background:0 0}.date-input{height:30px;font-family:var(--mono);text-transform:uppercase;padding:0 8px;font-size:10px}.date-input:disabled{opacity:.45}.export-actions{grid-template-columns:minmax(0,1fr) 46px;gap:8px;margin-top:19px;display:grid}.icon-action{color:var(--ink);background:var(--paper);border:1px solid var(--ink);cursor:pointer;border-radius:5px;place-items:center;display:grid}.icon-action:hover{color:#fff;background:var(--ink)}.export-meta{text-align:center;margin:8px 0 0}.preview-panel{background-color:var(--canvas);background-image:linear-gradient(#26342f09 1px,#0000 1px),linear-gradient(90deg,#26342f09 1px,#0000 1px);background-size:28px 28px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:24px 32px 22px;display:grid;position:relative;overflow:hidden}.preview-panel:before{content:"";pointer-events:none;border:74px solid #2f4e4312;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-210px;right:-80px}.preview-header{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.preview-header strong{color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:600;display:block}.preview-kicker{color:var(--green);margin-bottom:3px}.reset-button,.replace-button{color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f6f0cc;border:1px solid #31363240;border-radius:4px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.reset-button{min-height:34px;padding:0 11px}.reset-button:hover,.replace-button:hover{border-color:var(--ink);background:#fff}.canvas-stage{z-index:1;place-items:center;min-height:0;padding:18px 0 48px;display:grid;position:relative}.canvas-wrap{aspect-ratio:1654/2008;width:min(50vh,460px,74%);animation:.62s cubic-bezier(.22,1,.36,1) both frame-arrival;position:relative;transform:rotate(-1.2deg)}.polaroid-canvas{cursor:grab;touch-action:none;background:#f8f7f2;width:100%;height:100%;display:block;box-shadow:0 28px 55px #232b272e,0 4px 8px #232b2714}.polaroid-canvas:active{cursor:grabbing}.drag-chip{min-height:27px;color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f6f0d6;border:1px solid #31363226;border-radius:4px;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:750;display:flex;position:absolute;bottom:-37px;left:50%;transform:translate(-50%)}.replace-button{z-index:1;justify-self:center;width:max-content;min-height:34px;padding:0 12px;position:relative}.drop-overlay{z-index:5;color:var(--ink);border:2px dashed var(--green);font-family:var(--display);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ecefe8e6;place-content:center;justify-items:center;gap:12px;font-size:20px;font-weight:700;display:grid;position:absolute;inset:14px}.toast{z-index:20;color:#fff;background:var(--ink);border-radius:5px;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;animation:.22s both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px #1d1f1d38}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.print-sheet{display:none}button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes frame-arrival{0%{opacity:0;transform:translateY(18px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(-1.2deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.workspace{grid-template-columns:350px minmax(0,1fr)}.control-panel{padding-inline:24px}.canvas-wrap{width:min(48vh,420px,82%)}}@media (width<=760px){.topbar{height:58px;padding-inline:18px}.workspace{flex-direction:column;min-height:auto;display:flex}.control-panel{border-right:0;padding:24px 20px 22px;overflow:visible}.panel-intro h1{font-size:29px}.preview-panel{border-top:1px solid var(--line);min-height:680px;padding:22px 18px}.canvas-stage{padding-block:42px 66px}.canvas-wrap{width:min(78vw,430px)}.toast{justify-content:center;bottom:16px;left:16px;right:16px}}@media (width<=420px){.local-badge{font-size:10px}.preview-panel{min-height:610px}.preset-grid{gap:6px}.preset{padding-inline:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:.5in}body{background:#fff!important}.app-shell>:not(.print-sheet){display:none!important}.print-sheet{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex!important}.print-image{object-fit:contain;width:3.5in;height:4.25in;display:block}}