:root{font-synthesis:none;color:#252c31;background:#f5f3ee;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(14px,.93vw,36px)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,label:focus-visible{outline-offset:4px;outline:3px solid #257dce}button{color:inherit}button:disabled{cursor:not-allowed}h1,h2,p{margin:0}button{background:0 0;border:0}a{color:inherit;text-decoration:none}.app{--bg:#f5f3ee;--paper:#fffefa;--ink:#252c31;--muted:#626967;--line:#dddeda;--accent:#ba263a;--accent-soft:#f8e8e6;--field:#ebece5;background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;padding:0 3.2vw;display:flex}.app.dark{--bg:#141e21;--paper:#1d2a2d;--ink:#f4f2e9;--muted:#b9c6c1;--line:#3a4b4d;--accent:#ff8492;--accent-soft:#432b32;--field:#293b3d}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;padding:1.45rem 0;display:flex}.brand{letter-spacing:-.07em;align-items:center;font-size:1.7rem;font-weight:760;display:flex}.brand>span:last-child{font-weight:400}.brand-mark{background:var(--accent);color:var(--paper);border-radius:.6rem;place-items:center;width:2.1rem;height:2.1rem;margin-right:.55rem;font-size:1.4rem;display:grid;transform:rotate(-8deg)}.exhibition{letter-spacing:.16em;color:var(--muted);margin-right:auto;font-size:.57rem}.exhibition strong{color:var(--ink);letter-spacing:0;margin-top:.2rem;font-size:.85rem;font-weight:500;display:block}.header-actions{align-items:center;gap:1.6rem;display:flex}.institution{letter-spacing:.06em;font-size:.75rem;font-weight:780}.institution span{color:var(--muted);letter-spacing:0;margin-top:.2rem;font-size:.6rem;font-weight:400;display:block}.theme{border:1px solid var(--line);border-radius:50%;width:2.8rem;min-width:48px;height:2.8rem;min-height:48px;font-size:1.2rem}main{flex:1}.intro{justify-content:space-between;align-items:center;gap:2rem;padding:2.1rem 0 1.6rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.15em;margin-bottom:.55rem;font-size:.61rem;font-weight:750}h1{letter-spacing:-.055em;font-size:2.7rem;font-weight:650;line-height:1.07}.lead{color:var(--muted);margin-top:.7rem;font-size:.9rem}.steps{color:var(--muted);gap:1.3rem;padding:0;font-size:.7rem;list-style:none;display:flex}.steps li{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.steps span{border:1px solid var(--line);border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;display:grid}.steps .active{color:var(--accent);font-weight:700}.steps .active span{background:var(--accent);border-color:var(--accent);color:var(--bg)}.steps .done span{background:var(--field)}.workspace{grid-template-columns:.8fr 1.3fr;gap:1.5rem;display:grid}.photo-panel,.motif-panel,.result-stage{background:var(--paper);border:1px solid var(--line);border-radius:1.1rem;padding:1.3rem}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.panel-heading h2{letter-spacing:-.03em;font-size:1.12rem;font-weight:600}.number{letter-spacing:.12em;color:var(--muted);font-size:.65rem}.portrait{background:radial-gradient(at 48% 28%,#e9e8da,#c6d1c5);border-radius:.7rem;place-items:center;height:25rem;display:grid;position:relative;overflow:hidden}.portrait.filled{background:var(--field)}.portrait img{object-fit:contain;width:100%;height:100%;position:absolute}.orbit{border:1px solid #a0b4a19c;border-radius:50%;width:25rem;height:25rem;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.orbit-two{width:19rem;height:19rem}.silhouette{opacity:.75;position:absolute;inset:0}.head{background:linear-gradient(135deg,#a6b5a5,#7e9386);border-radius:48% 48% 45% 45%;width:6.3rem;height:8rem;position:absolute;top:4.7rem;left:50%;transform:translate(-50%)}.shoulders{background:linear-gradient(150deg,#8da193,#668377);border-radius:48% 48% 0 0;width:17rem;height:14rem;position:absolute;top:13rem;left:50%;transform:translate(-50%)}.portrait-caption{letter-spacing:.16em;color:#41594e;font-size:.57rem;position:absolute;top:1.4rem}.photo-chip{color:#354b3e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefae6;border-radius:2rem;padding:.5rem .85rem;font-size:.69rem;position:absolute;bottom:1.25rem}.frame-corner{border-style:solid;border-color:#ffffffa0;width:1.7rem;height:1.7rem;position:absolute}.tl{border-width:2px 0 0 2px;top:3rem;left:2.4rem}.tr{border-width:2px 2px 0 0;top:3rem;right:2.4rem}.bl{border-width:0 0 2px 2px;bottom:3rem;left:2.4rem}.br{border-width:0 2px 2px 0;bottom:3rem;right:2.4rem}.button{cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:1.3rem;min-height:max(48px,3.3rem);padding:.8rem 1.2rem;font-size:.82rem;font-weight:650;display:inline-flex}.primary{background:var(--accent);color:#fff}.dark .primary{color:#171e21}.secondary{border:1px solid var(--line);background:var(--paper)}.upload{width:100%;margin-top:1rem}.file-input{opacity:0;width:1px;height:1px;position:absolute}.small-note{color:var(--muted);text-align:center;margin-top:.6rem;font-size:.62rem;line-height:1.4}.mode-switch{background:var(--field);border-radius:.7rem;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:1.1rem;padding:.3rem;display:grid}.mode-switch button{min-height:48px;color:var(--muted);border-radius:.5rem;padding:.8rem .3rem;font-size:.8rem}.mode-switch .chosen{background:var(--paper);color:var(--ink);font-weight:650;box-shadow:0 2px 8px #152d1610}.motifs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.motif{text-align:left;background:var(--bg);border:2px solid #0000;border-radius:.7rem;padding:0;position:relative;overflow:hidden}.motif.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.motif-art{color:#3c5b51;background:linear-gradient(140deg,#dbd6c9,#8b9f97);place-items:center;height:7.45rem;display:grid;position:relative;overflow:hidden}.motif-art>span{z-index:1;font-family:Georgia,serif;font-size:2.7rem}.motif-art:before{content:"";opacity:.26;border:1px solid;border-radius:3rem 3rem 0 0;width:6rem;height:9rem;position:absolute;top:1.3rem;transform:rotate(20deg)}.motif-art i{opacity:.2;border:1px solid;border-radius:50%;width:8rem;height:8rem;position:absolute;top:3.4rem}.cyberpunk .motif-art{color:#edf1ed;background:linear-gradient(135deg,#425568,#b78bab)}.forest .motif-art{color:#e2edd4;background:linear-gradient(145deg,#a4b5a1,#416957)}.inventor .motif-art{color:#fff0cb;background:linear-gradient(145deg,#d7c1a1,#97715b)}.dream .motif-art{color:#fff8ed;background:linear-gradient(145deg,#b9c8d2,#d7b7ad)}.retro .motif-art{color:#fce8c8;background:linear-gradient(145deg,#c8a7a3,#9b94ac)}.comic .motif-art{color:#594a46;background:linear-gradient(145deg,#eacb78,#daa36e)}.winter .motif-art{color:#486978;background:linear-gradient(145deg,#d6e5e6,#a6bdcb)}.studio .motif-art{color:#4e6258;background:linear-gradient(145deg,#ded9cf,#bcb6ad)}.motif-label{align-items:center;min-height:2.8rem;padding:.45rem .6rem;font-size:.69rem;font-weight:600;line-height:1.3;display:flex}.check{background:var(--accent);width:1.25rem;height:1.25rem;color:var(--paper);border-radius:50%;place-items:center;font-size:.67rem;display:grid;position:absolute;top:.4rem;right:.4rem}.selection-info{margin-top:1rem;line-height:1.5}.selection-info strong{font-size:.8rem}.selection-info p{color:var(--muted);font-size:.73rem}.gentle-note{color:var(--muted);margin-top:.75rem;font-size:.7rem}.accessories{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:48px;margin-top:.75rem;font-size:.7rem;display:flex}.accessories input{width:1.2rem;height:1.2rem;accent-color:var(--accent)}.accessories span{color:var(--muted);font-size:.61rem}.start-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.start-row>span{color:var(--muted);max-width:11rem;font-size:.68rem}.notice{min-height:1.6rem;color:var(--muted);padding:.4rem 0;font-size:.68rem}.result-intro{justify-content:space-between;align-items:center;padding:.25rem .3rem 1.5rem;display:flex}.result-intro h2{letter-spacing:-.04em;font-size:1.7rem}.result-intro p:last-child{color:var(--muted);margin-top:.5rem;font-size:.8rem}.comparison{grid-template-columns:1fr 3rem 1fr;max-width:69rem;margin:auto;display:grid}.comparison figure{margin:0}.result-image{background:var(--field);border-radius:.75rem;justify-content:center;align-items:center;height:25rem;display:flex;overflow:hidden}.result-image img{object-fit:contain;width:100%;height:100%}.comparison-arrow{color:var(--muted);place-items:center;font-size:1.5rem;display:grid}.imagined{color:#fff;text-align:center;background:linear-gradient(135deg,#8d799a,#35596b);flex-direction:column;gap:1.5rem}.result-symbol{opacity:.65;font-family:Georgia,serif;font-size:6rem}.imagined strong{font-size:1rem}.imagined p{margin-top:.5rem;font-size:.7rem}figcaption{color:var(--muted);margin-top:.65rem;font-size:.72rem}.result-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.3rem;padding-top:1.2rem;display:flex}.result-footer p{color:var(--muted);font-size:.75rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.64rem;display:flex}footer button{min-height:48px}.prototype-badge{border:1px solid var(--line);border-radius:2rem;padding:.35rem .7rem;font-size:.58rem}@media (width>=2200px){.theme,.mode-switch button,footer button{min-height:2.8rem}}@media (width<=1100px){.steps{display:none}.workspace{grid-template-columns:.8fr 1.2fr}.motifs{gap:.5rem}.motif-label{font-size:.72rem}.start-row>span{display:none}.start-row .button{width:100%}.portrait{height:26rem}.exhibition{display:none}}@media (width<=760px){.app{padding:0 1rem}.intro{padding:1.5rem 0}h1{font-size:2.2rem}.workspace{grid-template-columns:1fr}.portrait{height:23rem}.motifs{grid-template-columns:repeat(2,1fr)}.motif-art{height:8rem}.comparison{grid-template-columns:1fr;gap:1rem}.comparison-arrow{display:none}.result-image{height:23rem}.result-intro,.result-footer{flex-direction:column;align-items:flex-start;gap:1rem}.institution,footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.header-actions{flex-shrink:0;gap:1.3rem}.project-identity{gap:.6rem;display:grid}.partner-logos{justify-content:center;align-items:center;gap:1.25rem;padding:.5rem .8rem;display:flex}.partner-logo{object-fit:contain;width:auto;max-width:9rem;height:1.85rem;display:block}.dark .partner-logo{filter:grayscale()brightness(0)invert()}.project-credits{justify-content:center;gap:2rem;display:flex}.project-credits p{gap:.12rem;display:grid}.project-credits strong{white-space:nowrap;font-size:max(12px,.76rem);font-weight:650}.project-credits span{color:var(--muted);font-size:max(11px,.62rem)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;overflow:hidden;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important}@media (width<=1400px){.exhibition{display:none}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:1rem;padding:1rem 0}.header-actions{display:contents}.project-identity{order:3;width:100%}.theme{margin-left:auto}.partner-logos{gap:1rem}.partner-logo{max-width:27%;height:1.8rem}.partner-logo.kia-logo{max-width:36%}.project-credits{flex-wrap:wrap;gap:.7rem}}button:disabled{opacity:.5}input:focus-visible{outline-offset:4px;outline:3px solid #257dce}.brand{min-height:48px;padding:0}.portrait video{object-fit:contain;background:#111;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.camera-actions{gap:.6rem;margin-top:.8rem;display:flex}.camera-actions .button{flex:1;padding:.75rem .7rem;font-size:.77rem}.upload-link{text-underline-offset:.2rem;min-height:48px;color:var(--muted);margin:.2rem auto 0;font-size:.72rem;text-decoration:underline;display:block}.camera-error{background:var(--accent-soft);border-radius:.5rem;margin-top:.7rem;padding:.7rem;font-size:.76rem;line-height:1.5}.countdown{color:#fff;z-index:2;background:#102b30db;border:3px solid #fff;border-radius:50%;place-items:center;width:6rem;height:6rem;font-size:4rem;display:grid;position:absolute}.photo-chip{text-align:center;max-width:90%}.comparison-controls{justify-content:center;gap:.6rem;margin-bottom:1rem;display:flex}.comparison-controls [aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.slider-comparison{max-width:42rem;margin:auto}.compare-canvas{background:var(--field);border-radius:.75rem;height:24rem;position:relative;overflow:hidden}.compare-canvas img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.compare-original{background:var(--field)}.compare-divider{pointer-events:none;background:#fff;width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0007}.slider-comparison label{justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0 0;font-size:.75rem;display:flex}.slider-comparison input{width:100%;height:max(48px,2.8rem);accent-color:var(--accent);cursor:ew-resize;margin:0;display:block}.slider-comparison input::-webkit-slider-thumb{min-width:28px;min-height:28px}.generation-panel{text-align:center;background:var(--field);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:25rem;padding:2rem;display:flex}.generation-panel h3{margin:0;font-size:1.5rem}.generation-panel p{color:var(--muted);font-size:.9rem}.generation-orb{border:1px solid var(--line);width:7rem;height:7rem;color:var(--accent);background:var(--paper);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:4rem;display:grid}.generation-orb.running{animation:3s ease-in-out infinite breathe}.generation-panel .deadline{font-variant-numeric:tabular-nums;font-size:.8rem}.notice button{min-height:48px;text-decoration:underline}.idle-warning{z-index:10;background:var(--paper);color:var(--ink);border:2px solid var(--accent);border-radius:1rem;align-items:center;gap:1rem;width:max-content;max-width:94vw;padding:1.2rem 1.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 80px #0005}.idle-warning strong{font-size:1.1rem}.idle-warning p{margin-top:.35rem;font-size:.8rem}.cleanup-error{background:var(--accent-soft);border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;font-size:.85rem;display:flex}.small-note{line-height:1.5}.portrait{height:23rem}.workspace{grid-template-columns:.8fr 1.3fr}.steps{gap:.9rem}.notice{font-size:.72rem}@keyframes breathe{50%{box-shadow:0 0 0 1rem var(--accent-soft)}}@media (prefers-reduced-motion:reduce){.generation-orb.running{animation:none}}@media (width<=760px){.idle-warning{flex-wrap:wrap;bottom:1rem}.idle-warning>div{width:100%}.camera-actions{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.comparison-controls{flex-wrap:wrap}.cleanup-error{flex-direction:column;align-items:flex-start}.steps{flex-wrap:wrap;font-size:.65rem;display:flex}.intro{flex-direction:column;align-items:flex-start;gap:1rem}.slider-comparison label{font-size:.65rem}.compare-canvas{height:23rem}}@media (width>=1100px) and (height>=650px){.app{grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:0;display:grid}.topbar{gap:1.4rem;padding:.75rem 0}.project-credits strong{font-size:max(12px,.9rem)}.project-credits span{font-size:max(11px,.7rem)}main{flex-direction:column;min-height:0;display:flex}.intro{flex-shrink:0;gap:1rem;padding:1rem 0}h1{font-size:1.65rem}.lead{margin-top:.45rem}.workspace{flex:1;gap:1rem;min-height:0}.photo-panel,.motif-panel,.result-stage{min-height:0;padding:1rem}.photo-panel{flex-direction:column;display:flex}.panel-heading{flex-shrink:0;margin-bottom:.7rem}.portrait{flex:1;height:auto;min-height:0}.camera-actions,.upload-link,.small-note{flex-shrink:0}.camera-actions{margin-top:.6rem}.photo-panel .small-note{margin-top:.25rem}.motif-panel{flex-direction:column;display:flex}.mode-switch{flex-shrink:0;margin-bottom:.7rem}.motifs{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:.6rem;min-height:0}.motif{flex-direction:column;min-height:48px;display:flex}.motif-art{flex:1;width:100%;height:auto;min-height:0}.motif-art>span{font-size:clamp(1.4rem,4vh,2.7rem)}.motif-label{flex-shrink:0;min-height:2.4rem;padding:.35rem .5rem}.selection-info{flex-shrink:0;margin-top:.6rem}.gentle-note,.accessories{flex-shrink:0;margin-top:.4rem}.accessories{min-height:max(48px,2.4rem)}.start-row{flex-shrink:0;margin-top:.65rem;padding-top:.65rem}.result-stage{flex:1;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.result-intro{gap:1rem;padding:0 .2rem .7rem}.result-intro h2{font-size:1.5rem}.result-intro p:last-child{margin-top:.3rem}.comparison{grid-template-columns:minmax(0,1fr) 2.5rem minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;margin:0 auto}.comparison figure{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.result-image{height:auto;min-height:0}.result-image img{min-height:0}figcaption{margin-top:.4rem}.generation-panel{gap:.6rem;min-height:0;padding:1rem}.generation-orb{flex-shrink:0;width:clamp(3rem,9vh,7rem);height:clamp(3rem,9vh,7rem);font-size:clamp(2rem,5vh,4rem)}.generation-panel h3{font-size:1.3rem}.result-footer{margin-top:.7rem;padding-top:.7rem}.notice{flex-shrink:0;min-height:1.3rem;padding:.25rem 0}footer{padding:.3rem 0}}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.2rem;display:grid}.brand-block p{white-space:nowrap;margin-top:.25rem;padding-left:2.65rem;font-size:.75rem}.partner-logos{gap:1.5rem;padding:.3rem 0}.partner-logo{max-width:10rem;height:3.2rem}.partner-logo.kia-logo{max-width:14rem}.header-actions{justify-self:end;gap:1.4rem}.project-credits{flex-direction:column;gap:.65rem}.selection-info{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.result-title{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;display:flex}.result-intro .result-title p{margin:0}.image-caption{justify-content:space-between;align-items:center;gap:.5rem;min-height:max(48px,2.8rem);display:flex}.download-button{min-height:max(48px,2.8rem);padding:.5rem .9rem;font-size:.75rem}.generated-image{position:relative}.format-choice{border:0;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;display:flex}.format-choice legend{color:var(--muted);margin-bottom:.25rem;font-size:.65rem}.format-choice label{border:1px solid var(--line);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;min-height:48px;padding:.5rem .65rem;font-size:.78rem;display:flex}.format-choice label.chosen{border-color:var(--accent);background:var(--accent-soft)}.format-choice input{accent-color:var(--accent);margin:0}.format-choice label span{color:var(--muted);font-size:.65rem}.format-choice:disabled{opacity:.5}.qr-overlay{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:.75rem;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;gap:.5rem;padding:1rem;display:grid;position:absolute;inset:0}.qr-overlay h3{align-self:center;margin:.25rem 3rem .25rem 0;font-size:1.1rem}.qr-overlay p{font-size:.75rem;line-height:1.5}.qr-overlay .qr-code{object-fit:contain;width:100%;max-width:22rem;height:100%;min-height:0}.qr-close{min-width:48px;min-height:48px;padding:.4rem;position:absolute;top:.4rem;right:.4rem}.qr-direct{text-underline-offset:.2rem;align-items:center;min-height:48px;font-size:.75rem;text-decoration:underline;display:flex}.showing-result .notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.showing-result .notice:has(button){clip-path:none;width:auto;height:auto;position:static}@media (width<=1400px){.topbar{gap:1rem}.partner-logo{height:2.7rem}.partner-logos{gap:1rem}.header-actions{gap:.7rem}.project-credits strong{font-size:12px}.project-credits span{font-size:11px}.start-row .button{width:auto}.format-choice label span{display:none}}@media (width<=1100px){.topbar{grid-template-columns:auto 1fr}.partner-logos{grid-area:2/1/auto/-1}.header-actions{display:flex}.result-title{flex-direction:column}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;gap:1rem;display:grid}.header-actions{display:contents}.theme{grid-area:1/2}.partner-logos{order:0}.partner-logo{max-width:27%;height:2rem}.partner-logo.kia-logo{max-width:36%}.project-credits{flex-direction:row;grid-area:3/1/auto/-1;gap:1.5rem}.start-row{flex-wrap:wrap}.start-row .button,.format-choice{flex:1}.image-caption{flex-wrap:wrap}.qr-overlay{gap:.25rem;padding:.7rem}.qr-overlay h3{font-size:.95rem}.qr-overlay p{font-size:.7rem}}