:root{--color-paper:oklch(96% .012 77);--color-paper-2:oklch(92% .018 75);--color-ink:oklch(19% .018 63);--color-muted:oklch(45% .02 65);--color-rule:oklch(81% .025 72);--color-accent:oklch(56% .19 28);--color-accent-ink:oklch(98% .01 80);--color-focus:oklch(48% .16 255);--color-error:oklch(54% .2 28);--color-scrim:oklch(19% .018 63/.42);--color-notice:oklch(22% .02 65/.94);--color-phone-bezel:oklch(18% .006 65);--color-phone-bezel-mid:oklch(48% .008 65);--color-phone-side:oklch(24% .006 65);--color-preview-ink:oklch(15% .02 70/.68);--color-preview-line:oklch(98% .01 80/.38);--color-preview-wash:oklch(98% .01 80/.1);--color-empty-kicker:oklch(88% .09 28);--color-empty-copy:oklch(92% .01 80);--shadow-float:0 18px 55px oklch(19% .018 63/.2);--font-display:Georgia, "Times New Roman", "Songti SC", "Noto Serif SC", serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-sm:.82rem;--text-base:1rem;--text-lg:1.25rem;--text-display:clamp(2.4rem, 7vw, 6.8rem);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-short:.18s;--dur-enter:.42s;--rule-thin:1px;--radius-field:.55rem;--radius-box:1rem;--radius-round:999px;--dock-height:4.75rem;--dock-offset:max(.75rem, env(safe-area-inset-bottom));--chrome-bottom:calc(var(--dock-height) + var(--dock-offset) + .65rem)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);margin:0}button,input,label{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.shell{width:100%;height:100svh;min-height:0;padding:max(var(--space-md), env(safe-area-inset-top)) var(--space-md) var(--chrome-bottom);gap:clamp(var(--space-md), 2vh, var(--space-lg));grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-md);width:100%;max-width:1100px;margin:0 auto;display:flex}.brand-block{gap:.2rem;min-width:0;display:grid}.brand{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:700;line-height:1.05}.brand-en{color:var(--color-ink)}.topbar-actions{align-items:center;gap:var(--space-sm);display:flex}.ratio-chip{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-round);background:var(--color-paper);min-height:44px;color:var(--color-ink);white-space:nowrap;padding:0 .9rem;font-size:.8125rem;font-weight:650}.ratio-chip:active{background:var(--color-paper-2)}.top-export-button{gap:var(--space-sm);border-radius:var(--radius-round);min-width:5.5rem}.top-export-button .dock-icon{width:1.1rem;height:1.1rem}.status-bar{width:auto;max-width:38ch;min-height:1.25rem;color:var(--color-muted);text-align:left;overflow-wrap:anywhere;transition:color var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);margin:0;padding:0;font-size:.8125rem;line-height:1.4}.status-bar[data-tone=error]{color:var(--color-error);font-weight:650}.status-bar[data-tone=busy]{color:var(--color-ink);font-weight:600}.status-bar[data-tone=success]{color:var(--color-muted)}.status-bar[data-tone=idle]{color:var(--color-muted);font-weight:400}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.photo-limit-notice{z-index:70;top:calc(max(var(--space-md), env(safe-area-inset-top)) + 3.5rem);border-radius:var(--radius-box);background:var(--color-notice);width:min(100% - 2rem,28rem);color:var(--color-paper);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:var(--text-sm);text-align:center;border:1px solid #fffefc29;padding:.75rem 2.5rem .75rem 1rem;line-height:1.45;position:fixed;left:50%;transform:translate(-50%)}@supports (color:oklch(0% 0 0)){.photo-limit-notice{border-color:oklch(98% .01 80/.16)}}.photo-limit-close{border-radius:var(--radius-round);width:2rem;height:2rem;color:inherit;background:0 0;border:0;font-size:1.35rem;line-height:1;position:absolute;top:.35rem;right:.35rem}.workspace{gap:var(--space-md);max-width:1500px;margin:auto;display:grid}.panel{background:var(--color-paper-2);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule);box-shadow:none}.panel .card-body{gap:var(--space-lg)}.panel-title{font-family:var(--font-display);font-size:1.65rem;line-height:1}.field{gap:var(--space-sm);display:grid}.field-label{font-size:var(--text-sm);font-weight:700}.field-help{min-height:1lh;color:var(--color-muted);font-size:var(--text-sm)}.input,.file-input,.select{background:var(--color-paper);width:100%;min-height:44px;color:var(--color-ink);border-width:1px}.input:hover,.file-input:hover,.select:hover{background:var(--color-paper-2)}.input[aria-invalid=true],.file-input[aria-invalid=true]{border-color:var(--color-error)}.actions{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.month-field{gap:var(--space-sm);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.btn{min-height:44px;transition:background-color var(--dur-short) var(--ease-out), transform .1s var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn[disabled],button[disabled]{opacity:.5;cursor:not-allowed}.canvas-wrap{place-items:center;width:100%;min-width:0;max-width:1100px;min-height:0;margin:0 auto;display:grid;position:relative;container-type:size}.phone-preview-frame{z-index:4;aspect-ratio:9/19.5;width:min(100cqw,46.1538cqh);box-shadow:0 0 0 5px var(--color-phone-bezel), 0 0 0 7px var(--color-phone-bezel-mid), 0 12px 34px oklch(15% .01 65/.28);pointer-events:none;border-radius:clamp(1rem,4cqi,2rem);display:none;position:absolute}.phone-preview-frame:before,.phone-preview-frame:after{content:"";background:var(--color-phone-side);border-radius:3px 0 0 3px;width:3px;position:absolute;right:calc(100% + 6px);box-shadow:-1px 0 oklch(55% .006 65)}.phone-preview-frame:before{height:10%;top:18%}.phone-preview-frame:after{height:16%;top:32%}.canvas-wrap[data-phone-preview=true] .phone-preview-frame{display:block}.canvas-wrap[data-phone-preview=true] .calendar-art{z-index:2;box-shadow:none;border-radius:clamp(1rem,4cqi,2rem)}.calendar-art{isolation:isolate;background:var(--color-ink);min-width:0;min-height:0;color:var(--color-paper);border-radius:var(--radius-box);animation:enter var(--dur-enter) var(--ease-out) both;place-items:center;padding:clamp(.55rem,4.5cqi,3.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px oklch(19% .018 63/.18);container-type:inline-size}.calendar-art[data-ratio="3:4"]{aspect-ratio:3/4;width:min(100cqw,75cqh);height:auto;max-height:100cqh}.calendar-art[data-ratio="9:16"]{aspect-ratio:9/16;width:min(100cqw,56.25cqh);height:auto;max-height:100cqh}.calendar-art[data-ratio="9:19.5"]{aspect-ratio:9/19.5;width:min(100cqw,46.1538cqh);height:auto;max-height:100cqh}.calendar-art:before{content:"";z-index:0;background-image:var(--bg-image);opacity:1;filter:blur(var(--background-blur,0));transform:scale(var(--background-scale,1));background-position:50%;background-size:cover;position:absolute;inset:0}.glass-preview-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calendar-art.is-adjusting .glass-preview-layer{image-rendering:auto;opacity:.92}.calendar-art.is-adjusting:before{will-change:filter, transform}.calendar-content,.empty-state{z-index:2;position:relative}.calendar-content{width:100%;min-width:0;height:auto;min-height:0;transform:scale(var(--calendar-content-scale,1));transform-origin:50%;transition:transform var(--dur-short) var(--ease-out);grid-template-rows:auto auto auto;display:grid}.month-heading{font-family:var(--font-display);letter-spacing:-.04em;text-align:center;overflow-wrap:anywhere;min-width:0;margin:0 0 clamp(.3rem,2.8cqi,1.6rem);font-size:clamp(1rem,11cqi,5.5rem);line-height:.92}.weekdays,.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.12rem,1.1cqi,.85rem);min-width:0;display:grid}.weekdays{text-align:center;margin-bottom:clamp(.2rem,1.6cqi,.75rem);font-size:clamp(.45rem,2.1cqi,.82rem);font-weight:700}.days{grid-auto-rows:auto;align-content:center;height:auto;min-height:0}.day{aspect-ratio:1;background:var(--color-preview-wash);border:1px solid var(--color-preview-line);border-radius:48% 52% 45% 55%/52% 45% 55% 48%;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.day:nth-child(3n){border-radius:36% 64% 55% 45%/55% 40% 60% 45%}.day:nth-child(4n){border-radius:var(--radius-round)}.day.empty{background:0 0;border-color:#0000}.day.date-only{box-shadow:0 .2rem .7rem rgba(0,0,0,var(--date-shadow-alpha,.1))}.calendar-art.glass-dates .day.date-only{box-shadow:inset 1px 1px 1px #fff3, inset -1px -2px 3px #1e415a14, 0 .2rem .7rem rgba(0,0,0,var(--date-shadow-alpha,.1));-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#ffffff0a,#ffffff02 48%,#e1f0ff05);border-color:#ffffff57}.calendar-art.glass-dates .day.date-only:after{content:"";pointer-events:none;border-radius:inherit;border-top:1px solid #fff3;border-left:1px solid #ffffff1f;position:absolute;inset:1px}.calendar-art.glass-dates .day.date-only .day-number{z-index:1;text-shadow:0 1px 3px #00000094}.day img{object-fit:cover;width:100%;height:100%}.day-number{border-radius:var(--radius-round);background:var(--color-preview-ink);min-width:0;max-width:92%;min-height:0;color:var(--color-paper);place-items:center;padding:clamp(.02rem,.35cqi,.1rem);font-size:clamp(.4rem,2cqi,.78rem);font-weight:800;line-height:1;display:grid;position:absolute;bottom:clamp(.02rem,.35cqi,.1rem);right:clamp(.05rem,.5cqi,.18rem)}.day.date-only .day-number{max-width:100%;font-family:var(--font-display);background:0 0;padding:0;font-size:clamp(.5rem,5.2cqi,2rem);position:static}.empty-state{text-align:center;place-content:center;justify-items:center;gap:clamp(.35rem,2cqi,.75rem);width:100%;height:100%;padding:clamp(.5rem,3cqi,1rem);display:grid}.empty-kicker{color:var(--color-empty-kicker);letter-spacing:.14em;font-size:clamp(.55rem,1.8cqi,.76rem);font-weight:800}.empty-title{max-width:11ch;font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.5rem,8cqi,4rem);line-height:1.02}.empty-title span{display:block}.empty-copy{max-width:30ch;color:var(--color-empty-copy);margin:0;font-size:clamp(.68rem,2.6cqi,.9rem);line-height:1.55}.empty-upload-button{gap:var(--space-sm);cursor:pointer;white-space:nowrap;min-width:min(9rem,70%);min-height:2.75rem;margin-top:.25rem;font-size:clamp(.8rem,3.2cqi,1rem)}.processing-overlay{z-index:12;padding:var(--space-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:oklch(19% .018 63/.42);place-items:center;display:grid;position:absolute;inset:0}.processing-overlay[hidden]{display:none!important}.processing-card{border-radius:var(--radius-box);background:color-mix(in oklch, var(--color-paper) 94%, transparent);width:min(18rem,100%);color:var(--color-ink);box-shadow:var(--shadow-float);text-align:center;border:1px solid #fffefc2e;justify-items:center;gap:.55rem;padding:1.15rem 1.25rem;display:grid}@supports (color:oklch(0% 0 0)){.processing-card{border-color:oklch(98% .01 80/.18)}}.processing-card strong{font-size:1rem;font-weight:750}.processing-card p{color:var(--color-muted);margin:0;font-size:.8125rem;line-height:1.4}.processing-spinner{border:2.5px solid var(--color-rule);border-top-color:var(--color-accent);border-radius:50%;width:1.75rem;height:1.75rem;animation:.7s linear infinite spin}body.is-processing .tool-dock,body.is-processing .topbar-actions{pointer-events:none;opacity:.55}.tool-dock{left:50%;right:auto;bottom:var(--dock-offset);width:min(100% - 2rem,34rem);height:var(--dock-height);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:color-mix(in oklch, var(--color-paper-2) 94%, transparent);color:var(--color-ink);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);position:fixed;overflow:hidden;transform:translate(-50%)}.tool-dock button{white-space:nowrap;min-width:0}.tool-dock button[disabled]{opacity:.42}.dock-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.dock-label{font-size:.75rem;font-weight:650}.tool-dock button.dock-active{background:var(--color-accent);color:var(--color-accent-ink)}.preset-panel{width:min(34rem,100%);max-width:none;padding:var(--space-lg);gap:var(--space-lg);border-radius:var(--radius-box) var(--radius-box) 0 0;background:var(--color-paper);color:var(--color-ink);margin:0;display:grid}.preset-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.preset-heading h1{font-family:var(--font-display);margin:0;font-size:2.2rem;line-height:1}.preset-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preset-card{min-height:7rem;padding:var(--space-md);align-content:space-between;justify-items:start;gap:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper-2);color:var(--color-ink);text-align:left;display:grid}.preset-card[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.preset-card-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:2rem;height:2rem}.preset-card-copy{align-items:center;gap:var(--space-sm);font-weight:750;display:flex}.preset-current{border-radius:var(--radius-round);background:var(--color-accent);color:var(--color-accent-ink);padding:.2rem .45rem;font-size:.68rem}.preset-note{color:var(--color-muted);font-size:var(--text-sm);margin:0}.photo-action-card{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper);width:100%;height:100%;min-height:0;color:var(--color-ink);text-align:left;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.7rem .8rem;display:grid}.photo-action-card:not(:disabled):hover{background:var(--color-paper-2)}.photo-action-card:not(:disabled):active{transform:translateY(1px)}.photo-action-card:disabled{opacity:.42;cursor:not-allowed}.photo-action-card>span{gap:var(--space-xs);min-width:0;display:grid}.photo-action-card strong{white-space:nowrap;font-size:.9rem}.photo-action-card small{color:var(--color-muted);font-size:.72rem;line-height:1.3}.photo-action-icon-wrap{border-radius:var(--radius-round);background:var(--color-paper-2);place-items:center;width:2.35rem;height:2.35rem;display:grid!important}.photo-action-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.photo-action-primary{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 10%, var(--color-paper))}.photo-action-primary .photo-action-icon-wrap{background:var(--color-accent);color:var(--color-accent-ink)}.photo-action-secondary .photo-action-icon-wrap{color:var(--color-accent)}.photo-action-card[aria-busy=true]{cursor:wait;opacity:.65}.photo-action-card[data-state=error]{border-color:var(--color-error)}.photo-action-card[data-state=success]{border-color:var(--color-accent)}.photo-tray{z-index:55;right:auto;bottom:var(--dock-offset);width:min(100% - 2rem,34rem);height:var(--dock-height);min-height:var(--dock-height);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:color-mix(in oklch, var(--color-paper) 96%, transparent);color:var(--color-ink);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:adjust-enter var(--dur-enter) var(--ease-out) both;padding:.4rem;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.photo-tray-inner{grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr);gap:.4rem;width:100%;height:100%;margin:0 auto;display:grid}.photo-tray-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.photo-tray-heading{gap:.12rem;min-width:0;display:grid}.photo-tray-title{font-family:var(--font-display);margin:0;font-size:1.15rem;line-height:1}.photo-tray-meta{color:var(--color-muted);margin:0;font-size:.72rem}.photo-tray-close{border-radius:var(--radius-round);width:2.75rem;height:2.75rem;color:var(--color-ink);background:0 0;border:0;font-size:1.75rem;line-height:1}.photo-tray-close:active{background:var(--color-paper-2)}.photo-tray .photo-actions{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.photo-tray #photoTrayInitial .photo-action-card{grid-column:1/-1}.adjust-tray{z-index:55;right:auto;bottom:var(--dock-offset);width:min(100% - 2rem,34rem);height:var(--dock-height);min-height:var(--dock-height);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:color-mix(in oklch, var(--color-paper) 96%, transparent);color:var(--color-ink);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:adjust-enter var(--dur-enter) var(--ease-out) both;grid-template-columns:minmax(0,1fr) minmax(8.5rem,42%);gap:.4rem;padding:.4rem;display:grid;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.adjust-control-row{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.35rem;width:100%;height:100%;min-height:0;margin:0 auto;display:grid}.adjust-edge-action{border-radius:var(--radius-round);width:2.5rem;height:2.5rem;color:var(--color-ink);background:0 0;border:0;padding:0;font-size:1.65rem;line-height:1}.adjust-edge-action:active{background:var(--color-paper-2)}.adjust-done{font-size:1.45rem}.adjust-control-stage{align-items:center;min-width:0;min-height:0;display:grid}.adjust-panel{grid-area:1/1;gap:.55rem;width:100%;min-width:0;display:grid}.adjust-field-heading{justify-content:space-between;align-items:center;gap:var(--space-md);font-size:.875rem;display:flex}.adjust-panel output{border-radius:var(--radius-round);background:var(--color-paper-2);min-width:3rem;color:var(--color-muted);text-align:center;padding:.12rem .42rem;font-size:.75rem}.adjust-panel .range{width:100%;color:var(--color-accent)}.adjust-shuffle{gap:var(--space-sm);border-color:var(--color-rule);background:var(--color-paper-2);width:min(15rem,100%);min-height:2.65rem;margin:0 auto}.adjust-help{color:var(--color-muted);text-align:center;font-size:.75rem}.adjust-switch-panel{align-items:center;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto}.adjust-switch-panel>span{gap:.2rem;min-width:0;display:grid}.adjust-switch-panel small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:400;overflow:hidden}.adjust-tool-list{overscroll-behavior-x:contain;grid-template-columns:repeat(5,minmax(2.5rem,1fr));width:100%;height:100%;min-height:0;margin:0 auto;display:grid;overflow-x:auto}@supports (scrollbar-width:none){.adjust-tool-list{scrollbar-width:none}}.adjust-tool-list::-webkit-scrollbar{display:none}.adjust-tool-list button{border-radius:var(--radius-field);min-width:2.5rem;min-height:0;color:var(--color-muted);background:0 0;border:0;align-content:center;place-items:center;gap:.18rem;padding:.25rem .15rem;font-size:.65rem;font-weight:650;display:grid}.adjust-tool-list button .dock-icon{width:1.2rem;height:1.2rem}.adjust-tool-list button[aria-selected=true]{background:var(--color-paper-2);color:var(--color-ink)}.adjust-tool-list button[aria-selected=true] .dock-icon{color:var(--color-accent)}body.adjust-tray-open .tool-dock,body.photo-tray-open .tool-dock{opacity:0;pointer-events:none;transform:translate(-50%,1rem)}.settings-panel{z-index:1;width:min(28rem,100%);max-width:none;height:100dvh;max-height:100dvh;padding:var(--space-lg);gap:var(--space-md);border-radius:var(--radius-box) 0 0 var(--radius-box);background:var(--color-paper);color:var(--color-ink);grid-template-rows:auto minmax(0,1fr) auto auto;margin:0;display:grid;overflow:auto}.settings-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:0;display:flex}.settings-heading h1{font-family:var(--font-display);margin:0;font-size:2.4rem;font-style:normal;line-height:1}.settings-kicker{margin:0 0 var(--space-xs);color:var(--color-accent);font-size:var(--text-sm);letter-spacing:.04em;font-weight:800}.settings-fields{align-content:start;gap:var(--space-lg);min-height:0;display:grid}.settings-meta strong{font-size:1.15rem;font-weight:750}.choice-bar{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.choice-bar-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-btn{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-field);background:var(--color-paper-2);min-height:44px;color:var(--color-ink);padding:.55rem .4rem;font-size:.8125rem;font-weight:650}.choice-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.privacy-note{padding-top:var(--space-md);border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);margin-top:0;line-height:1.45}.privacy-note strong{color:var(--color-ink);margin-bottom:.25rem;font-size:.9rem;display:block}.privacy-note p{margin:0}.settings-panel .modal-action{justify-content:stretch;margin-top:0}.settings-panel .modal-action .btn{width:100%}.export-panel{width:min(34rem,100% - 2rem);max-width:none;height:min(52rem,100dvh - 2rem);max-height:none;padding:var(--space-lg);gap:var(--space-md);border-radius:var(--radius-box);background:var(--color-paper);color:var(--color-ink);grid-template-rows:auto minmax(0,1fr) auto auto auto;display:grid;overflow:hidden}.export-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.export-heading h1{font-family:var(--font-display);margin:0;font-size:2.2rem;line-height:1}.export-preview-stage{min-height:0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper-2);place-items:center;display:grid;position:relative;overflow:hidden}.export-preview-media{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.export-preview-stage img{object-fit:contain;border-radius:var(--radius-field);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:100%;min-width:0;height:100%;min-height:0;display:block;box-shadow:0 12px 35px oklch(19% .018 63/.16)}.export-phone-frame{z-index:2;box-shadow:0 0 0 4px var(--color-phone-bezel), 0 0 0 6px var(--color-phone-bezel-mid), 0 8px 24px oklch(15% .01 65/.24);pointer-events:none;border-radius:1.55rem;display:none;position:absolute;inset:0}.export-phone-frame:before,.export-phone-frame:after{content:"";background:var(--color-phone-side);border-radius:3px 0 0 3px;width:3px;position:absolute;right:calc(100% + 5px)}.export-phone-frame:before{height:10%;top:18%}.export-phone-frame:after{height:16%;top:32%}#exportDialog[data-phone-preview=true] .export-preview-stage{padding:1rem 1.25rem}#exportDialog[data-phone-preview=true] .export-preview-media{aspect-ratio:9/19.5;width:auto;max-width:100%;height:100%}#exportDialog[data-phone-preview=true] .export-preview-stage img{box-shadow:none;border-radius:1.55rem}#exportDialog[data-phone-preview=true] .export-phone-frame{display:block}.export-guidance{gap:var(--space-xs);display:grid}.export-guidance p{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.export-filename{color:var(--color-muted);overflow-wrap:anywhere;font-size:.75rem}.export-format-bar{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.export-format-btn{border-color:var(--color-rule);background:var(--color-paper-2);min-height:44px;color:var(--color-ink)}.export-format-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.export-actions{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#shareExportBtn[hidden]+#saveExportBtn{grid-column:1/-1}.modal::backdrop{background:var(--color-scrim)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes adjust-enter{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}@media (width>=900px){.shell{max-width:1200px;padding:var(--space-xl) var(--space-xl) var(--chrome-bottom);margin:0 auto}.status-bar{text-align:left;padding-inline:0}.canvas-wrap{max-width:720px}.tool-dock{width:min(100% - 2rem,28rem)}.settings-panel{width:min(32rem,100%);padding:var(--space-xl)}}@media (width<=560px){.topbar{gap:var(--space-sm);display:flex}.brand{white-space:nowrap;min-width:0;font-size:1.05rem}.brand-en{display:none}.topbar-actions{gap:var(--space-xs)}.ratio-chip{min-width:0;padding-inline:.7rem;font-size:.75rem}.top-export-button{min-width:5rem;padding-inline:.75rem}.choice-bar{grid-template-columns:1fr}.choice-bar-2{grid-template-columns:1fr 1fr}#settingsDialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.settings-panel{width:100vw;height:100dvh;padding:max(var(--space-lg), env(safe-area-inset-top)) var(--space-lg) max(var(--space-lg), env(safe-area-inset-bottom));border-radius:0}#presetDialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.preset-panel{width:100vw;padding:var(--space-lg) var(--space-md) max(var(--space-lg), env(safe-area-inset-bottom))}#exportDialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.export-panel{width:100vw;height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) var(--space-md) max(var(--space-md), env(safe-area-inset-bottom));border-radius:0}.export-heading h1{font-size:2rem}.photo-tray-heading{display:none}.photo-tray-inner{grid-template-columns:2.5rem minmax(0,1fr)}.photo-tray-close{width:2.5rem;height:2.5rem}.photo-action-card{gap:.4rem;padding:.4rem .45rem}.photo-action-card small{display:none}.photo-action-icon-wrap{width:2rem;height:2rem}.adjust-panel{gap:.25rem}.adjust-tray{grid-template-columns:minmax(0,1fr) minmax(8rem,45%)}.adjust-help,.adjust-switch-panel small{display:none}.adjust-shuffle{min-height:2.4rem;padding-inline:.5rem}.adjust-tool-list{grid-template-columns:repeat(5,minmax(1.6rem,1fr));overflow-x:hidden}.adjust-tool-list button{min-width:1.6rem}.adjust-tool-list button span{display:none}}@media (width<=360px){.photo-action-icon-wrap{display:none!important}.adjust-control-row{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;gap:.2rem}.adjust-edge-action{width:2.25rem;height:2.25rem}.adjust-field-heading strong,.adjust-shuffle span,.adjust-switch-panel strong{display:none}.adjust-switch-panel{grid-template-columns:1fr;justify-items:center}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.processing-spinner{border-top-color:var(--color-accent);opacity:.85;animation:none}}