*{box-sizing:border-box;margin:0;padding:0}html{height:100%}.app-viewport{color:#111112;-webkit-font-smoothing:antialiased;background:#e7e6e3;justify-content:center;align-items:center;min-height:100%;font-family:Archivo,Helvetica Neue,Helvetica,sans-serif;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.app-shell{background:#f7f7f6;flex-direction:column;width:100%;max-width:390px;height:100dvh;margin:0 auto;display:flex;position:relative}.app-shell-main{display:contents}.sidebar{display:none}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.is-active{display:flex}.screen.hero-bg{background-image:url(/assets/marketing/hero-bg.webp);background-position:50%;background-size:cover}.app-header{flex-direction:column;flex:none;padding:14px 20px 16px;display:flex}.app-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header-left{align-items:center;gap:8px;min-width:0;display:flex}.app-title-card{background:#fff;border-radius:10px;align-items:center;min-width:0;height:32px;padding:0 10px;display:flex;box-shadow:0 1px 2px #1111120f}.app-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.app-subtitle{color:#5c5c59;margin-top:2px;font-size:12.5px}.app-subtitle--indent{margin-left:40px}.back-btn{color:#111112;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-4px;font-size:22px;line-height:1;display:flex}.back-btn:active{background:#e7e6e3}.badge{color:#fff;white-space:nowrap;background:#111112;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.badge:active{transform:scale(.97)}.badge.badge--empty{color:#b23a3a;background:#c840401a}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.menu-btn{background:0 0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:36px;height:36px;display:flex}.menu-btn:active{background:#e7e6e3}.menu-dot{background:#111112;border-radius:50%;width:4px;height:4px}.nav-menu{z-index:50;opacity:0;pointer-events:none;background:#fff;border-radius:14px;flex-direction:column;min-width:160px;padding:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:58px;right:16px;transform:translateY(-6px);box-shadow:0 12px 32px -8px #11111247}.nav-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu-item{text-align:left;color:#111112;border-radius:9px;padding:12px 14px;font-size:15px;font-weight:500}.nav-menu-item:hover{background:#f2f1ee}.nav-menu-item.is-active{color:#1e97ae;font-weight:600}.nav-menu-divider{background:#11111214;height:1px;margin:6px 8px}.content{scrollbar-width:none;flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 20px 20px;display:flex;overflow-y:auto}.content::-webkit-scrollbar{display:none}.create-layout{display:contents}.create-preview-panel,.generating-form-locked{display:none}.card{background:#fff;border-radius:20px;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;box-shadow:0 1px 2px #1111120f}.card--flush-x{padding-left:0;padding-right:0;overflow:hidden}.card--flush-y{padding-top:0;padding-bottom:0}.card--footer-gap{margin-bottom:22px}.card-scroll{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.card-scroll::-webkit-scrollbar{display:none}.divider{background:#11111214;flex:none;height:1px}.step{flex-direction:column;flex:1;min-height:0;display:flex}.step-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.step-label{align-items:center;gap:10px;display:flex}.step-num{color:#fff;background:#111112;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}.step-num--muted{color:#5c5c59;background:#e7e6e3}.step-name{font-size:15px;font-weight:600}.link-btn{color:#1e97ae;font-size:12px;font-weight:600}.link-btn:hover{color:#14707f}.dropzone-wrap{flex:1;justify-content:center;min-height:0;display:flex}.dropzone{aspect-ratio:1;cursor:pointer;background:#f2f1ee;border-radius:14px;justify-content:center;align-items:center;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dropzone-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.add-icon{color:#5c5c59;background:#e7e6e3;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.dropzone-title{font-size:14px;font-weight:600}.dropzone-hint{color:#8a8a87;font-family:Noto Sans JP,sans-serif;font-size:11px}.dropzone-img{object-fit:cover;width:100%;height:100%;display:none}.dropzone.has-image .dropzone-empty{display:none}.dropzone.has-image .dropzone-img{display:block}.dropzone.is-locked{cursor:default}.cta-block{flex:none}.btn-primary,.btn-secondary,.btn-generating{border-radius:16px;place-items:center;width:100%;height:54px;font-size:16px;font-weight:600;display:grid}.btn-primary{color:#111112;background:#fff;border:1.5px solid #1111121f;transition:transform .15s,opacity .15s;box-shadow:0 1px 2px #1111120f}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled,.btn-primary.is-disabled{color:#11111259;box-shadow:none;cursor:not-allowed;background:#fff;border-color:#11111214}.btn-generating{color:#14707f;background:#29a9c41f;border:1px solid #1e97ae52}.btn-secondary{color:#111112;background:#fff;text-decoration:none;box-shadow:0 1px 2px #11111214}.btn-secondary:active{transform:scale(.98)}.cta-note{text-align:center;color:#8a8a87;margin-top:10px;font-size:11.5px}.generating-card{justify-content:center;align-items:center;position:relative;overflow:hidden}.ring-wrap{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.ring{border-radius:9999px;animation:5s linear infinite v2Ring;position:absolute;inset:0}.ring-letter{color:#14707f;opacity:.4;font-size:1.1rem;font-weight:500;animation:3s infinite v2Letter;display:inline-block}.generating-copy{text-align:center;color:#111112;margin-top:34px}.generating-title{letter-spacing:-.02em;font-size:22px;font-weight:600}.generating-status{color:#1e97ae;margin-top:8px;font-size:13.5px}.generating-elapsed{color:#8a8a87;margin-top:18px;font-family:Space Mono,monospace;font-size:16px;font-weight:600}@keyframes v2Ring{0%{transform:rotate(90deg);box-shadow:inset 0 6px 12px #c6f2ec,inset 0 12px 18px #6ed2d8,inset 0 36px 36px #34afc6,0 0 3px 1.2px #8fe3e04d,0 0 6px 1.8px #29a9c433}50%{transform:rotate(270deg);box-shadow:inset 0 6px 12px #d8f7f0,inset 0 12px 6px #8adfe2,inset 0 24px 36px #46bcd0,0 0 3px 1.2px #8fe3e04d,0 0 6px 1.8px #29a9c433}to{transform:rotate(450deg);box-shadow:inset 0 6px 12px #cff4ee,inset 0 12px 18px #6ed2d8,inset 0 36px 36px #34afc6,0 0 3px 1.2px #8fe3e04d,0 0 6px 1.8px #29a9c433}}@keyframes v2Letter{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}.result-card{justify-content:space-evenly}.result-hero{aspect-ratio:1;background:repeating-linear-gradient(135deg,#e7e6e3 0 10px,#deddd9 10px 20px);border-radius:14px;width:100%;position:relative;overflow:hidden}.result-hero-img{object-fit:cover;width:100%;height:100%;display:none}.result-hero.has-image .result-hero-img{display:block}.demo-tag{color:#fff;letter-spacing:.08em;background:#111112b3;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.looks-row-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.looks-row-title{font-size:15px;font-weight:600}.looks-grid{flex-wrap:wrap;gap:8px;display:flex}.looks-grid--row .look-thumb{flex:1;max-width:calc(25% - 6px)}.look-thumb{aspect-ratio:1;background:repeating-linear-gradient(135deg,#e7e6e3 0 8px,#deddd9 8px 16px);border-radius:12px;min-width:60px;overflow:hidden}.look-thumb img{object-fit:cover;width:100%;height:100%}.look-thumb.is-selected{outline-offset:2px;outline:2px solid #1e97ae}.looks-grid:not(.looks-grid--row) .look-thumb{flex:0 0 calc(25% - 6px)}.look-thumb.is-loading{opacity:.5}.look-thumb:disabled{cursor:not-allowed}.look-thumb--in-progress{color:#6b6a67;text-align:center;justify-content:center;align-items:center;font-size:12px;text-decoration:none;display:flex}.looks-grid--flush{gap:0}.looks-grid--flush.looks-grid:not(.looks-grid--row) .look-thumb{flex:0 0 25%}.looks-grid--flush .look-thumb{border-radius:0}.catalog-grid{align-content:flex-start}.catalog-item{flex-direction:column;flex:0 0 calc(25% - 6px);gap:4px;display:flex}.catalog-grid .catalog-item .look-thumb{flex:none;width:100%}.catalog-item-title{color:#5c5c59;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.lightbox{z-index:100;background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.lightbox-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;display:block}.lightbox-close{z-index:1;color:#fff;background:#111112b8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:flex;position:absolute;box-shadow:0 2px 8px #00000059}.lightbox-close:active{background:#111112e6}.lightbox-delete{z-index:1;color:#fff;background:#111112b8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;line-height:1;display:flex;position:absolute;box-shadow:0 2px 8px #00000059}.lightbox-delete:active{background:#b23a3ad9}.lightbox-delete:disabled{opacity:.5}.empty-state{color:#8a8a87;text-align:center;padding:40px 10px;font-size:13px;display:none}.placeholder-content{text-align:center;flex:1;justify-content:center;align-items:center}.placeholder-text{color:#5c5c59;font-size:15px;line-height:1.7}.gradient-card{background:#e2e2e2;position:relative;overflow:hidden}.gradient-card-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.gradient-card-bg:before{content:"";background-blend-mode:overlay, normal, normal, normal, normal;background-color:#e2e2e2;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.500'/></svg>"),radial-gradient(circle at 67.04% 45.93%,#e2e2e2 0%,#e2e2e2d7 19.02%,#e2e2e280 38.05%,#e2e2e228 57.07%,#e2e2e200 76.1%),radial-gradient(circle at 35.47% 65.92%,#1b9ffe 0%,#1b9ffed7 12.9%,#1b9ffe80 25.8%,#1b9ffe28 38.7%,#1b9ffe00 51.6%),radial-gradient(circle at 48.33% 20.11%,#1b9ffe 0%,#1b9ffed7 16.75%,#1b9ffe80 33.5%,#1b9ffe28 50.25%,#1b9ffe00 67%),radial-gradient(circle at 80.81% 88.03%,#4ac9ff 0%,#4ac9ffd7 10.28%,#4ac9ff80 20.55%,#4ac9ff28 30.83%,#4ac9ff00 41.1%);background-size:120px 120px,auto,auto,auto,auto;position:absolute;inset:0}.gradient-card-bg:after{content:"";opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:120px 120px;position:absolute;inset:0}.gradient-card-content{z-index:1;flex:1;min-height:0;position:relative}.settings-list{flex-direction:column;display:flex}.settings-row{text-align:left;color:#111112;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 2px;text-decoration:none;display:flex}.settings-row-icon{color:#5c5c59;background:#f2f1ee;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:flex}.settings-row-main{flex:1;min-width:0}.settings-row-label{font-size:14.5px;font-weight:600}.settings-row-sub{color:#5c5c59;margin-top:2px;font-size:12px}.settings-row-chevron{color:#c7c6c2;flex:none;font-size:20px}.settings-row--link:active{background:#f7f7f6;border-radius:12px}.settings-row--danger .settings-row-label{color:#b23a3a}.settings-row--danger .settings-row-icon{color:#b23a3a;background:#b23a3a1a}.retention-options{flex-wrap:wrap;gap:8px;padding:4px 2px 14px;display:flex}.retention-option{color:#5c5c59;background:#f2f1ee;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.retention-option--active{color:#fff;background:#111112}.retention-option:disabled{opacity:.6}.settings-section{border-radius:14px;padding-bottom:6px}.settings-section .settings-row{padding-bottom:6px}.settings-section--highlight{animation:1.5s ease-out settings-section-highlight}@keyframes settings-section-highlight{0%,66.7%{background:#1e97ae24;box-shadow:0 0 0 1px #1e97ae4d}to{background:0 0;box-shadow:0 0 0 1px #1e97ae00}}.legal-content{flex-direction:column;gap:18px;padding:6px 2px 24px;display:flex}.legal-updated{color:#8a8a87;margin-top:-8px;font-size:11.5px}.legal-content h2{margin-bottom:6px;font-size:14.5px;font-weight:700}.legal-content p{color:#3a3a38;font-size:13.5px;line-height:1.75}.faq-block{padding:14px 2px}.faq-block+.faq-block{border-top:1px solid #11111214}.faq-block-q{font-size:14px;font-weight:600}.faq-block-a{color:#5c5c59;margin-top:6px;font-size:13px;line-height:1.65}.screen.centered-card .content{justify-content:center;padding-top:24px;padding-bottom:24px}.screen.centered-card .card,.screen.static-card .card{flex:none}.auth-layout{display:contents}.auth-visual{display:none}.auth-content{flex-direction:column;gap:22px;padding:20px 6px;display:flex}.auth-logo{text-align:center;letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:700}.maintenance-title{text-align:center;letter-spacing:-.02em;margin-top:16px;font-size:20px;font-weight:700}.auth-tagline{text-align:center;color:#5c5c59;font-size:13.5px;line-height:1.6}.btn-google{color:#111112;background:#fff;border:1px solid #11111229;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:14.5px;font-weight:600;display:flex}.btn-google:active{transform:scale(.98)}.btn-google:disabled{opacity:.6}.auth-divider{color:#8a8a87;letter-spacing:.04em;align-items:center;gap:12px;font-size:11.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#1111121a;flex:1;height:1px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{font-size:12.5px;font-weight:600}.auth-input{color:#111112;background:#fff;border:1px solid #11111229;border-radius:12px;height:48px;padding:0 14px;font-size:14.5px}.auth-input:focus{border-color:#1e97ae;outline:none}.auth-toggle-row{text-align:center;color:#5c5c59;font-size:13px}.auth-toggle-row button{color:#1e97ae;font-weight:600;text-decoration:underline}.auth-error{color:#b23a3a;text-align:center;font-size:12.5px}.auth-success{color:#14707f;text-align:center;font-size:12.5px}.pricing-list{flex-direction:column;gap:12px;margin-top:4px;display:flex}.pricing-card{text-align:left;background:#fff;border:1.5px solid #1111121a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;display:flex;position:relative}.pricing-card:active{transform:scale(.98)}.pricing-card:disabled{opacity:.6}.pricing-credits{letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.pricing-bonus-badge{letter-spacing:0;color:#14707f;white-space:nowrap;background:#1e97ae1f;border-radius:999px;margin-top:2px;padding:3px 8px;font-size:10.5px;font-weight:700}.pricing-price{color:#14707f;white-space:nowrap;font-size:16px;font-weight:700}@media (min-width:600px){.app-viewport{padding:40px 0}.app-shell{width:390px;height:844px;transform:scale(var(--stage-scale,1));border-radius:36px;flex:none;overflow:hidden;box-shadow:0 30px 70px -30px #00000080}}@media (min-width:1024px){.app-viewport{background:#e7e6e3 url(/assets/app/pc-bg.webp) 50%/cover no-repeat}.app-shell{flex-direction:row;width:min(1200px,100vw - 80px);max-width:none;height:min(860px,100vh - 80px);transform:none}.sidebar{border-right:1px solid #11111214;flex-direction:column;flex:0 0 220px;padding:28px 16px;display:flex}.sidebar-logo{letter-spacing:-.02em;padding:0 12px;font-size:22px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;margin-top:32px;display:flex}.sidebar-nav-item{color:#111112;border-radius:10px;padding:11px 12px;font-size:15px;font-weight:500}.sidebar-nav-item:hover{background:#f2f1ee}.sidebar-nav-item.is-active{color:#fff;background:#111112}.sidebar-nav-item.is-disabled{cursor:not-allowed;color:#11111259;pointer-events:none;display:block}.sidebar-nav-item.is-disabled.is-active{color:#11111259;background:0 0}.sidebar-footer{flex-direction:column;margin-top:auto;display:flex}.app-shell-main{flex-direction:column;flex:1;min-height:0;display:flex}.menu-btn{display:none}.create-layout{flex:1;grid-template-columns:390px minmax(0,1fr);gap:24px;min-height:0;display:grid}.create-preview-panel{flex-direction:column;min-height:0;padding:0 20px 20px 0;display:flex}.create-preview-panel .card{flex:1;min-height:0}.result-hero{flex:1;align-self:center;width:auto;max-width:100%;min-height:0}.generating-mobile-only{display:none}.generating-form-locked{display:flex}.generating-retry{margin-top:24px}.auth-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;width:100%;display:grid}.auth-form-card{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;padding:0 15%;display:flex}.auth-form-card .gradient-card-bg{display:none}.auth-form-card .gradient-card-content{flex:none}.auth-visual{box-shadow:none;background:0 0;padding:20px 20px 20px 0;display:block}.auth-visual .gradient-card-bg{border-radius:20px}}