@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-normal.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-400-normal.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-600-normal.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-latin-700-normal.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-600-normal.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-600-italic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-800-normal.woff) format("woff");font-weight:800;font-display:swap}:root{--paper: #f6f4ee;--card: #fbfaf6;--white: #ffffff;--ink: #22211d;--ink-2: #44423b;--muted: #6a675e;--faint: #8a877d;--line: #e3dfd4;--line-2: #d4cfc2;--wall: #e9e4da;--frame: #e0572e;--frame-ink: #b5401c;--primary: #1f3a2c;--primary-2: #2c5240;--ok: #3c8a5a;--ok-bg: #eaf2ec;--warn: #a66a0d;--warn-bg: #fbf1e0;--radius: 14px;--shadow-1: 0 2px 10px rgba(34, 33, 29, .08);--shadow-2: 0 12px 34px rgba(34, 33, 29, .16);--serif: "Instrument Serif", Georgia, serif;--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--topbar: 64px;--panel: 380px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary)}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--frame);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wordmark{font-family:var(--serif);font-size:25px;letter-spacing:-.01em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:10px}.wordmark svg{flex-shrink:0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-weight:400}.btn{height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--line-2);background:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}.btn:hover{border-color:var(--ink-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2);border-color:var(--primary-2)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:#22211d0f;border-color:transparent}.btn-lg{height:52px;padding:0 26px;border-radius:26px;font-size:16px}.btn-block{width:100%}.icon-btn{width:44px;height:44px;padding:0;border-radius:22px}.chip{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--line-2);background:var(--white);display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.chip:hover{border-color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.segmented{display:flex;background:#efece4;border-radius:12px;padding:3px;gap:2px}.segmented button{flex:1;height:38px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink-2)}.segmented button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:var(--shadow-1)}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field>.label{font-size:12px;font-weight:600;color:var(--ink-2);display:flex;justify-content:space-between;align-items:baseline}.input{height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--white);font-size:15px;width:100%}.input:focus{border-color:var(--ink-2);outline:none;box-shadow:0 0 0 3px #e0572e2e}.range{width:100%;accent-color:var(--ink);height:28px}.hint{display:flex;gap:10px;padding:12px;border-radius:10px;font-size:13px;line-height:1.4;color:var(--ink-2);background:var(--ok-bg)}.hint .dot{width:8px;height:8px;border-radius:4px;margin-top:5px;flex-shrink:0;background:var(--ok)}.hint.warn{background:var(--warn-bg)}.hint.warn .dot{background:#d08a1e}.hint-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hint-actions button{height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line-2);background:var(--white);font-size:12px;font-weight:600}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:22px;font-size:14px;box-shadow:var(--shadow-2);animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.search{position:relative;width:100%}.search-box{height:50px;display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;background:var(--white);border-radius:25px;border:1px solid var(--line-2);box-shadow:var(--shadow-1)}.search-box:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 3px #e0572e29,var(--shadow-1)}.search-box input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;outline:none;height:100%}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--white);border-radius:16px;box-shadow:var(--shadow-2);padding:6px;max-height:min(460px,60vh);overflow-y:auto;list-style:none;margin:0}.search-result{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;cursor:pointer}.search-result[aria-selected=true]{background:#fbefe9}.search-result .kind{width:38px;height:38px;border-radius:9px;background:#f1efe8;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.search-result .name{font-weight:600;font-size:15px}.search-result .ctx{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result .size{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap;font-family:var(--mono)}.search-empty{padding:14px;font-size:13px;color:var(--muted)}.editor{height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar);flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 16px 0 22px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.steps{display:flex;gap:4px;margin:0 auto;list-style:none;padding:0}.steps button{height:40px;padding:0 14px;border-radius:20px;border:0;background:transparent;font-weight:600;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.steps button .n{width:22px;height:22px;border-radius:11px;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.steps button[aria-current=step]{background:var(--white);color:var(--ink);box-shadow:var(--shadow-1)}.steps button[aria-current=step] .n{border-color:var(--frame);background:var(--frame);color:#fff}.topbar-actions{display:flex;align-items:center;gap:4px}.save-state{font-size:12px;color:var(--faint);margin-right:6px;white-space:nowrap}.workspace{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--wall)}.panel{width:var(--panel);flex-shrink:0;background:var(--card);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:22px}.panel-foot{padding:14px 22px 18px;border-top:1px solid var(--line);display:flex;gap:10px;background:var(--card)}.panel-foot .btn-primary{flex:1}.panel h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin:0;letter-spacing:-.01em}.panel .sub{font-size:13px;color:var(--muted);margin-top:4px}.section{display:flex;flex-direction:column;gap:10px}.map{position:absolute;inset:0}.map .maplibregl-ctrl-attrib{font-size:10px;background:#ffffffb3}.viewfinder{position:absolute;pointer-events:none;transition:width .25s,height .25s,left .25s,top .25s}.viewfinder .veil{position:absolute;inset:0;box-shadow:0 0 0 4000px #faf8f39e;transition:box-shadow .3s}.viewfinder.mapmode .veil,.viewfinder.seethrough .veil{box-shadow:0 0 0 4000px #faf8f357}.viewfinder .window{position:absolute;inset:0;overflow:hidden}.viewfinder .contours{position:absolute;inset:0;transform-origin:50% 50%;transition:opacity .35s ease}.viewfinder .contours svg{width:100%;height:100%;display:block}.viewfinder .edge{position:absolute;inset:0;border:2px solid var(--frame)}.viewfinder.mapmode .edge{border-style:dashed}.viewfinder .thirds{position:absolute;inset:0;opacity:0;transition:opacity .3s}.viewfinder.mapmode .thirds{opacity:1}.viewfinder .thirds i{position:absolute;background:#e0572e59}.viewfinder .label{position:absolute;left:50%;top:-38px;transform:translate(-50%);background:var(--frame);color:#fff;font-family:var(--mono);font-size:12px;padding:5px 11px;border-radius:12px;white-space:nowrap}.viewfinder .loading{position:absolute;right:10px;bottom:10px;color:var(--frame-ink);background:#ffffffe6;border-radius:14px;padding:5px 10px;font-size:12px;display:flex;gap:8px;align-items:center}.stage-search{position:absolute;left:20px;top:20px;width:min(400px,calc(100% - 40px));z-index:10}.stage-bottom{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;pointer-events:none}.stage-bottom>*{pointer-events:auto}.mode-hint{pointer-events:none!important;background:#ffffffeb;padding:6px 12px;border-radius:14px;font-size:12px;color:var(--ink-2)}.view-switch{display:flex;gap:8px}.pill{display:flex;padding:4px;background:var(--white);border-radius:26px;box-shadow:var(--shadow-2)}.pill button{height:44px;padding:0 16px;border-radius:22px;border:0;background:transparent;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--ink)}.pill button[aria-pressed=true]{background:var(--ink);color:#fff}.peek{height:52px;padding:0 16px;border-radius:26px;border:0;background:var(--white);box-shadow:var(--shadow-2);font-weight:600;font-size:13px;user-select:none;touch-action:none}.peek[aria-pressed=true]{background:var(--frame);color:#fff}.map-zoom{position:absolute;left:20px;bottom:22px;z-index:10;display:flex;flex-direction:column;background:var(--white);border-radius:12px;box-shadow:var(--shadow-1);overflow:hidden}.map-zoom button{width:44px;height:44px;border:0;background:var(--white);font-size:20px}.map-zoom button+button{border-top:1px solid var(--line)}.poster-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:48px}.poster-frame{position:relative;background:#fff;box-shadow:0 2px #0000000a,0 30px 50px -18px #281e1473,0 6px 16px #281e1424}.poster-frame svg{display:block;width:100%;height:100%}.poster-frame .busy{position:absolute;right:10px;top:10px;color:var(--frame-ink);background:#ffffffeb;border-radius:14px;padding:5px 10px;font-size:12px;display:flex;gap:8px;align-items:center}.poster-placeholder{width:100%;height:100%;background:linear-gradient(110deg,#f1eee7 30%,#faf8f3,#f1eee7 70%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.stage-note{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:12px;color:var(--muted)}.size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.size-grid button{height:54px;border-radius:10px;border:1px solid var(--line-2);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 2px}.size-grid button span:first-child{font-size:12px;font-weight:600}.size-grid button span:last-child{font-size:10.5px;color:var(--muted);font-family:var(--mono)}.size-grid button[aria-pressed=true]{border:2px solid var(--frame);background:var(--white)}.readout{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.readout dt{color:var(--muted)}.readout dd{margin:0;text-align:right;font-family:var(--mono);font-size:12.5px}.mini-poster{display:flex;justify-content:center;padding:16px;background:#efece4;border-radius:12px}.mini-poster .poster-frame{box-shadow:0 8px 18px #22211d2e}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-card{padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--white);display:flex;flex-direction:column;gap:6px;text-align:left}.style-card:hover{border-color:var(--line-2)}.style-card[aria-pressed=true]{border:2px solid var(--frame);padding:5px}.style-card .thumb{aspect-ratio:.82;border-radius:6px;overflow:hidden;background:#f1eee7}.style-card .thumb svg{width:100%;height:100%;display:block}.style-card .name{font-size:12px;font-weight:600;padding:0 2px 2px}.colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swatch{position:relative;width:40px;height:40px;border-radius:20px;border:1px solid var(--line-2);overflow:hidden}.swatch input{position:absolute;inset:-8px;width:56px;height:56px;border:0;padding:0;cursor:pointer;opacity:0}.swatch span{position:absolute;inset:0;border-radius:20px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;min-height:36px}.toggle-row small{display:block;color:var(--muted);font-size:12px}.switch{appearance:none;width:42px;height:26px;border-radius:13px;background:var(--line-2);position:relative;transition:background .2s;flex-shrink:0;cursor:pointer}.switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.switch:checked{background:var(--primary)}.switch:checked:after{left:19px}details.more{border-top:1px solid var(--line);padding-top:14px}details.more summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between}details.more summary::-webkit-details-marker{display:none}details.more[open] summary{margin-bottom:12px}.layout-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.layout-card{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:6px 6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600}.layout-card[aria-pressed=true]{border:2px solid var(--frame);padding:5px 5px 3px}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.font-card{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px}.font-card[aria-pressed=true]{border:2px solid var(--frame);padding:9px 11px}.font-card .sample{font-size:24px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-card .meta{font-size:11px;color:var(--muted)}.quick{display:flex;flex-wrap:wrap;gap:6px}.quick button{height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--line-2);background:var(--white);font-size:12px}.auto-tag{font-size:11px;font-weight:600;color:var(--ok)}.reset-auto{border:0;background:none;font-size:11px;font-weight:600;color:var(--primary);padding:0}.paper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.paper-card{border:1px solid var(--line-2);border-radius:10px;background:transparent;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px}.paper-card[aria-pressed=true]{border:2px solid var(--frame);background:var(--white);padding:9px 3px}.paper-card .sheet{background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow-1)}.paper-card .n{font-weight:600;font-size:14px}.paper-card .d{font-size:10.5px;color:var(--muted);font-family:var(--mono)}.format-list{display:flex;flex-direction:column;gap:8px}.format-card{border:1px solid var(--line-2);border-radius:12px;background:transparent;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;text-align:left}.format-card[aria-pressed=true]{border:2px solid var(--frame);background:var(--white);padding:11px 13px}.format-card .t{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center}.format-card .t .tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ok);background:var(--ok-bg);padding:2px 6px;border-radius:6px}.format-card .d{font-size:12.5px;color:var(--muted);line-height:1.4}.progress{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--frame);transition:width .4s}.share-box{display:flex;gap:8px}.share-box input{font-family:var(--mono);font-size:12.5px}.home{min-height:100%;display:flex;flex-direction:column}.home-nav{height:72px;padding:0 clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between}.home-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:24px clamp(20px,5vw,64px) 40px;max-width:1360px;width:100%;margin:0 auto}.home-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6.4vw,88px);line-height:.95;letter-spacing:-.03em;margin:0 0 20px}.home-hero h1 em{color:var(--frame);font-style:italic}.home-hero p.lead{font-size:18px;color:var(--ink-2);max-width:30em;margin:0 0 28px}.home-search{max-width:520px}.home-search .search-box{height:60px;border-radius:30px;padding-left:22px}.featured{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-width:560px}.home-art{position:relative;height:min(620px,70vh);min-height:420px}.home-art .poster-frame{position:absolute}.home-art .p1{width:44%;left:0;top:14%;transform:rotate(-4deg);z-index:1}.home-art .p2{width:52%;left:24%;top:0;z-index:2}.home-art .p3{width:44%;right:0;top:18%;transform:rotate(4deg);z-index:1}.home-steps{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px clamp(20px,5vw,64px) 28px;max-width:1360px;margin:0 auto;width:100%;font-size:14px;color:var(--ink-2)}.home-steps strong{color:var(--ink)}.recent{max-width:560px;margin-top:26px}.recent ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.recent a{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);font-size:14px}.recent a span{color:var(--muted);font-size:12px}.view-page{min-height:100%;display:flex;flex-direction:column}.view-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0}.view-main .stage{min-height:70vh}.center-msg{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.center-msg h1{font-family:var(--serif);font-weight:400;font-size:40px;margin:0}@media(max-width:900px){:root{--topbar: 56px}.topbar{padding:0 8px 0 14px;gap:8px}.wordmark .full{display:none}.steps{margin:0;flex:1;justify-content:center}.steps button{padding:0 10px;font-size:13px}.steps button .n,.save-state{display:none}.workspace{flex-direction:column}.stage{flex:0 0 auto;height:52vh;min-height:300px}.panel{width:100%;flex:1;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;margin-top:-14px;position:relative;z-index:5;box-shadow:0 -6px 20px #00000014}.panel-body{padding:18px 16px;gap:18px}.panel-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.panel h2{font-size:26px}.stage-map{height:60vh}.stage-search{left:12px;top:12px;width:calc(100% - 24px)}.stage-search .search-box{height:46px}.stage-bottom{bottom:36px}.mode-hint{display:none}.view-switch{gap:6px}.pill{padding:3px}.pill button{padding:0 11px;font-size:13px;height:38px;gap:6px}.peek{height:44px;padding:0 12px;font-size:12px}.viewfinder .label{top:-32px;font-size:11px;padding:4px 9px}.map-zoom{display:none}.poster-stage{padding:20px}.home-hero{grid-template-columns:1fr}.home-art{height:430px;min-height:0;order:-1}.home-art .p1{left:-6%}.home-art .p3{right:-6%}.home-art .p2{left:50%;margin-left:-145px}.home-steps{grid-template-columns:1fr;gap:8px}.view-main{grid-template-columns:1fr}.view-main .stage{min-height:60vh}}@media(max-width:520px){.steps button{padding:0 7px}.topbar-actions .redo{display:none}.pill button svg{display:none}.topbar-actions .icon-btn{width:38px;height:38px}.size-grid,.layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.preset-dots{display:flex;flex-wrap:wrap;gap:8px}.preset-dot{width:32px;height:32px;border-radius:16px;border:1px solid var(--line-2);padding:0;box-shadow:inset 0 0 0 2px #fff9}.preset-dot[aria-pressed=true]{outline:2px solid var(--frame);outline-offset:2px}