:root{--ground:#f4f3ef;--surface:#fff;--ink:#1f1e1c;--ink-2:#4a4843;--ink-3:#5e5b55;--line:#d6d3cc;--muted:#e2e0da;--muted-2:#c9c6be;--accent:#2f5d8a;--accent-ink:#1f4166;--accent-soft:#e3ecf5;--ok:#2e6b3a;--warn:#8a4b12;--bad:#9a3412;--dark:#1e1d1b;--radius:14px;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:16px/1.45 var(--font);-webkit-text-size-adjust:100%}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent)}a:hover{color:var(--accent-ink)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.header__in{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;height:56px;margin:0 auto;padding:0 12px 0 20px;display:flex}.logo{letter-spacing:.5px;color:var(--ink);font-size:20px;font-weight:700;text-decoration:none}.nav{gap:4px;display:flex}.nav a,.back{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 8px;font-size:15px;text-decoration:none;display:inline-flex}.back{color:var(--ink);padding:0}.nav a[aria-current=page]{font-weight:700}.nav__about{display:none!important}.footer{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.footer__in{max-width:1200px;color:var(--ink-3);flex-wrap:wrap;gap:8px 24px;margin:0 auto;padding:14px 20px;font-size:14px;display:flex}.footer a{align-items:center;min-height:44px;display:inline-flex}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 20px 28px}.page--narrow{max-width:1000px}.title-row{align-items:center;gap:4px;margin:0 0 12px -12px;display:flex}h1{margin:0;font-size:28px;line-height:1.15}h2{margin:0 0 10px;font-size:17px}.muted{color:var(--ink-3);font-size:14px}.lead{color:var(--ink-2);margin:0;font-size:16px}.stack{flex-direction:column;gap:20px;display:flex}.doc{max-width:760px;line-height:1.55}.doc p{margin:0}.doc ul{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:20px;display:flex}.doc h2{margin-bottom:8px}.btn{border-radius:var(--radius);background:var(--accent);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 28px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-ink);color:#fff}.btn:disabled{background:#8ea6bf}.btn--block{width:100%}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid #9a978f;min-height:48px;font-size:16px}.btn--ghost:hover{background:var(--accent-soft);color:var(--ink)}.chip{background:var(--surface);border:1px solid #9a978f;border-radius:22px;min-height:44px;padding:0 16px;font-size:14px}.chip[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.link-btn{color:var(--accent);background:0 0;border:0;min-height:44px;padding:0 8px;font-size:15px}.home{flex-direction:column;gap:22px;display:flex}.home h1{font-size:30px}.examples{scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.example{aspect-ratio:16/9;border:1px solid var(--muted-2);background:var(--muted);scroll-snap-align:start;text-align:left;border-radius:12px;flex:0 0 86%;padding:0;position:relative;overflow:hidden}.example img{object-fit:cover;width:100%;height:100%}.example span{color:#fff;background:#0009;border-radius:10px;padding:3px 8px;font-size:13px;position:absolute;bottom:8px;left:8px}.dropzone{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.dropzone__hint{color:var(--ink-2);display:none}.dropzone--over{outline:3px dashed var(--accent);outline-offset:6px}.file-label{position:relative}.file-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.alert{color:var(--bad);background:#fbeee4;border-radius:12px;padding:12px 14px;font-size:15px}.create{flex-direction:column;gap:24px;display:flex}.cropper{background:var(--muted);border:1px solid var(--muted-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;display:flex;position:relative;overflow:hidden}.cropper img{pointer-events:none;width:auto;max-height:60vh}.cropper__frame{cursor:grab;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #14141473}.cropper__frame:active{cursor:grabbing}.cropper--empty{aspect-ratio:4/5;text-align:center;color:var(--ink-2);align-items:center;padding:24px}.chips{flex-wrap:wrap;gap:8px;display:flex}.themes{scroll-snap-type:x proximity;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.theme{border:1px solid var(--muted-2);background:var(--surface);text-align:left;scroll-snap-align:start;border-radius:12px;flex-direction:column;flex:0 0 112px;gap:6px;padding:6px;display:flex}.theme[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);padding:5px}.theme__img{background:var(--muted);border-radius:8px;height:84px;overflow:hidden}.theme__img img{object-fit:cover;width:100%;height:100%}.theme__title{font-size:14px;font-weight:600}.theme__count{color:var(--ink-3);font-size:12px}.sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sizes--print{grid-template-columns:repeat(4,minmax(0,1fr))}.size{background:var(--surface);border:1px solid #9a978f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.size b{font-size:18px}.size span{font-size:12px}.size[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.size:disabled{color:#6f6c66;background:#ecebe6;border-style:dashed}.warn{color:var(--warn);margin-top:8px;font-size:13px}.cell-slider{margin-top:18px}.cell-zones{height:34px;margin:0 9px;position:relative}.cell-zone{box-sizing:border-box;text-align:center;color:var(--ink-3);border-bottom:3px solid var(--muted-2);justify-content:center;align-items:flex-end;padding:0 2px 4px;font-size:12px;line-height:1.15;display:flex;position:absolute;bottom:0}.cell-zone:first-child{text-align:left;justify-content:flex-start;padding-left:0}.cell-zone:last-child{text-align:right;justify-content:flex-end;padding-right:0}.cell-zone--on{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:600}.cell-ticks{height:18px;color:var(--ink-2);margin:0 9px;font-size:12px;position:relative}.cell-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.cell-ticks span:last-child{transform:translate(-100%)translate(9px)}.cell-summary{margin-top:8px;font-size:14px;line-height:1.4}.range{width:100%;min-height:44px;accent-color:var(--accent)}.range-labels{color:var(--ink-2);justify-content:space-between;font-size:13px;display:flex}.consent{align-items:flex-start;gap:12px;font-size:14px;display:flex}.consent input{width:22px;height:22px;accent-color:var(--accent);flex:0 0 22px;margin:0}.progress{flex-direction:column;gap:24px;display:flex}.bar{background:#dedbd4;border-radius:5px;height:10px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .6s}.steps{flex-direction:column;gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.steps li{color:#6f6c66}.steps li.done{color:var(--ink-2)}.steps li.now{color:var(--accent-ink);font-weight:700}.waiting{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.waiting__img{aspect-ratio:1;background:var(--muted);border-radius:10px;overflow:hidden}.waiting__img img{object-fit:contain;width:100%;height:100%}.caption-up{color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;font-size:13px}.viewer-page{background:var(--dark);color:#fff;flex-direction:column;flex:1;min-height:100dvh;display:flex}.viewer-top{padding:calc(4px + env(safe-area-inset-top,0px)) 8px 4px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.viewer-top a,.viewer-top .icon-btn{color:#fff}.viewer-top__info{color:#d2d0c9;text-align:center;font-size:14px}.viewer-actions-top{flex-wrap:wrap;gap:8px;display:none}.viewer-actions-top .btn--dark{color:#fff;background:0 0;border:1px solid #6f6c66;border-radius:10px;align-items:center;min-height:40px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.viewer-body{flex:1;min-height:0;display:flex;position:relative}.osd{flex:1;min-height:50vh;position:relative}.osd-hint{white-space:nowrap;pointer-events:none;background:#000000a6;border-radius:16px;padding:7px 14px;font-size:13px;transition:opacity .4s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.zoom-btns{flex-direction:column;gap:6px;display:none;position:absolute;bottom:56px;left:12px}.icon-btn{background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.zoom-btns .icon-btn{color:#fff;background:#0009}.cell-ring{box-sizing:border-box;pointer-events:none;border:3px solid #f2c14e}.actions{background:var(--surface);color:var(--ink);padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.action{min-height:60px;color:var(--ink);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.action:hover{background:var(--accent-soft);color:var(--ink)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;z-index:50;border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.sheet{z-index:30;background:var(--surface);color:var(--ink);padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;flex-direction:column;gap:12px;max-height:80vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -6px 24px #00000040}.sheet__handle{background:var(--muted-2);border-radius:3px;align-self:center;width:40px;height:5px}.sheet__head{justify-content:space-between;align-items:center;display:flex}.card{gap:14px;display:flex}.card__img{background:var(--muted);border-radius:8px;flex:0 0 128px;height:128px;overflow:hidden}.card__img img{object-fit:cover;width:100%;height:100%}.card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.card__title{font-size:18px;font-weight:700;line-height:1.25}.badge{color:var(--ink-2);border:1px solid #9a978f;border-radius:10px;align-self:flex-start;margin-top:4px;padding:3px 8px;font-size:12px}.dialog{width:calc(100% - 32px);max-width:420px;color:var(--ink);border:0;border-radius:16px;padding:20px}.dialog::backdrop{background:#00000080}.dialog form{flex-direction:column;gap:12px;display:flex}.dialog label{align-items:center;gap:10px;min-height:44px;display:flex}.dialog textarea{font:inherit;border:1px solid #9a978f;border-radius:10px;min-height:80px;padding:10px}.dialog__btns{justify-content:flex-end;gap:8px;display:flex}.dialog__btns .btn{min-height:48px;padding:0 20px;font-size:16px}.my-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.my-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.my-item:hover{color:var(--ink);border-color:var(--accent)}.my-item__img{background:var(--muted);border-radius:8px;flex:0 0 72px;height:90px;overflow:hidden}.my-item__img img{object-fit:cover;width:100%;height:100%}.my-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.status-done{color:var(--ok);font-size:13px;font-weight:600}.status-failed,.status-gone{color:var(--bad);font-size:13px;font-weight:600}.status-queued,.status-processing{color:var(--accent-ink);font-size:13px;font-weight:600}@media (width>=900px){.header__in{height:64px;padding:0 32px}.logo{font-size:22px}.nav{gap:16px}.nav__about{display:inline-flex!important}.page{padding:40px 32px}.footer__in{padding:16px 32px}h1{font-size:30px}.title-row .back{display:none}.title-row{margin-left:0}.home{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.home h1{font-size:48px}.home .lead{font-size:18px}.examples{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.example{aspect-ratio:16/9}.example:first-child{grid-column:span 2}.dropzone{background:var(--surface);border:2px dashed #9a978f;border-radius:16px;padding:28px}.dropzone__hint{display:block}.home__examples{order:2}.create{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.create__photo{flex-direction:column;gap:12px;display:flex;position:sticky;top:24px}.create__form{flex-direction:column;gap:24px;display:flex}.themes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.theme{flex-direction:row;align-items:center}.theme__img{flex:0 0 44px;height:44px}.progress{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.waiting__img{aspect-ratio:4/3}.viewer-actions-top{display:flex}.viewer-top{border-bottom:1px solid #3a3834;min-height:60px;padding:0 24px}.actions{display:none}.zoom-btns{display:flex}.sheet{box-shadow:none;border-radius:0;flex:0 0 340px;max-height:none;padding:24px;position:static}.sheet__handle{display:none}.card{flex-direction:column}.card__img{flex:none;width:100%;height:256px}.card__img img{object-fit:contain}.my-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.my-item{flex-direction:column;align-items:stretch}.my-item__img{flex:none;width:100%;height:240px}.my-item svg{display:none}}