@charset "UTF-8";
:root{--paper:#f8f7f2;--ink:#263c33;--muted:#727b72;--green:#184d3c;--line:#dedfd5;--soft:#eff1e7;--white:#fffefa;--cream:#f6f0e5;--mint:#dce8d9;--sky:#dfeaf0;--peach:#f5ddd0;--lilac:#e7dff0;--butter:#f5ebca;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #629b7e;outline-offset:4px}button{touch-action:manipulation}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:20px;letter-spacing:.01em}h3{font-size:16px}small{font-size:11px}fieldset{border:0;margin:0;padding:0;min-width:0}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;z-index:20;top:-100px;left:15px;background:white;padding:16px}.skip:focus{top:12px}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;letter-spacing:.08em;font-size:20px}.brand-icon{width:43px;height:43px}.brand small{display:block;font-family:Arial,sans-serif;font-weight:500;font-size:9px;letter-spacing:.24em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:#39876a}.quota-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #cad4c8;border-radius:30px;background:#eef1e8;font-size:11px;padding:9px 13px;white-space:nowrap}.quota-badge:before{content:"";width:6px;height:6px;background:#4b7a54;border-radius:50%}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:350px;align-items:center;gap:20px;padding:33px 0 35px}.eyebrow{font:10px/1.4 Arial,sans-serif;letter-spacing:.18em;font-weight:600;color:var(--muted)}.hero .eyebrow{color:var(--green);margin-bottom:20px;display:flex;gap:10px;align-items:center}.tiny-spark{font-size:22px;font-weight:400;line-height:1}.hero h1{font-size:36px;line-height:1.65;letter-spacing:.035em;font-weight:750}.hero h1 span{position:relative;display:inline-block}.hero h1 span:after{content:"";position:absolute;left:2px;right:0;bottom:5px;height:7px;background:#dfe7ca;border-radius:45%;z-index:-1}.hero-description{font-size:13px;line-height:1.95;color:#667268;margin-top:14px}.hero-features{display:flex;gap:21px;margin-top:19px;font-size:10px;color:#5e6e60}.hero-features>span{display:flex;gap:6px;align-items:center}.dot{width:4px;height:4px;background:#7a9475;border-radius:50%}.hero-art{height:290px;position:relative;max-width:480px;width:100%;margin-left:auto;isolation:isolate}.hero-print{position:absolute;top:25px;width:195px;padding:9px 9px 0;background:#fffdf8;box-shadow:0 8px 22px #273b2220;border:1px solid #e8e4d8}.hero-print img{width:100%;height:175px;object-fit:cover}.hero-print>span{display:block;font-size:15px;letter-spacing:.02em;font-family:Georgia,serif;text-align:center;padding:13px 0 16px;font-style:italic}.print-a{left:10px;transform:rotate(-10deg);top:29px}.print-b{left:184px;transform:rotate(9deg);z-index:1}.hero-mini{position:absolute;right:4px;top:180px;z-index:2;transform:rotate(-9deg)}.hero-mini img{width:86px;height:86px;object-fit:cover;border:6px solid var(--paper);border-radius:50%;box-shadow:0 3px 5px #0001}.hero-mini span{position:absolute;bottom:-17px;right:-2px;font:8px Arial,sans-serif;letter-spacing:.12em;white-space:nowrap}.hand-arrow{width:67px;height:45px;position:absolute;bottom:0;left:165px;color:#7d8c72;transform:rotate(-15deg)}.mode-note{border:1px solid #dddccc;border-radius:9px;font-size:12px;line-height:1.8;padding:11px 16px;background:#efeee3;margin:0 0 25px;display:flex;align-items:center;gap:9px}.mode-note strong{font-weight:650;white-space:nowrap}.studio{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:35px;align-items:start;padding-bottom:64px;scroll-margin-top:20px}.gallery{min-width:0;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{font-size:21px;display:flex;align-items:center;gap:10px}.step-number{font:11px Arial,sans-serif;font-weight:600;letter-spacing:0;display:inline-flex;width:26px;height:26px;border:1px solid #bac7b6;border-radius:50%;justify-content:center;align-items:center;flex-shrink:0;vertical-align:middle;color:#5a725a}.style-count{font:9px Arial,sans-serif;letter-spacing:.15em;color:var(--muted);white-space:nowrap;padding-bottom:5px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:21px}.filter{font-size:11px;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:transparent;min-height:35px}.filter span{font-size:9px;margin-left:4px;opacity:.7}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.filter:hover:not(.active){background:#e8ecdf}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 14px}.style-card{display:block;position:relative;width:100%;text-align:left;border:1px solid #e0e1d7;padding:6px 6px 13px;border-radius:11px;background:#fdfcf7;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.style-card:hover{transform:translateY(-3px);border-color:#a2b09d;box-shadow:0 5px 15px #173e3010}.style-card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:#f4f7ed}.card-art{display:block;border-radius:6px;overflow:hidden;position:relative;aspect-ratio:1}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.style-card:hover .card-art img{transform:scale(1.025)}.card-badge{position:absolute;left:6px;top:7px;display:inline-block;border-radius:4px;background:#fffef4ed;font-size:8px;font-weight:600;letter-spacing:.01em;padding:4px 6px;color:#4d6145}.card-selected{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:white;background:var(--green);font-size:13px;opacity:0}.selected .card-selected{opacity:1}.card-en{display:block;font:8px/1.4 Arial,sans-serif;letter-spacing:.13em;color:#788074;margin:12px 7px 4px}.style-card strong{display:block;font-size:13px;letter-spacing:.02em;margin:0 7px}.card-description{display:block;font-size:10px;line-height:1.7;color:#788074;margin:6px 7px 0;min-height:34px}.card-action{display:flex;justify-content:space-between;margin:10px 7px 0;padding-top:9px;border-top:1px solid #e5e7dc;font-size:10px;color:#5e725a}.selected .card-action{color:var(--green);font-weight:700}.gallery-caption{font-size:10px;line-height:1.8;color:#7c8378;margin-top:17px}.creator{background:var(--white);border:1px solid #dddccd;border-radius:13px;padding:22px;position:sticky;top:18px;box-shadow:0 5px 25px #3b4c2b05;scroll-margin-top:20px}.creator-top{display:flex;align-items:center;justify-content:space-between}.paper-dot{width:7px;height:7px;border-radius:50%;background:#a0b98e}.creator h2{font-size:17px;display:flex;align-items:center;gap:9px;margin-top:12px;margin-bottom:22px}.creator .step-number{width:23px;height:23px;font-size:10px}.selection-summary{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:21px}.selection-summary>img{width:49px;height:49px;object-fit:cover;border-radius:6px}.selection-summary small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.selection-summary strong{display:block;font-size:12px}.selection-summary .text-button{margin-left:auto;white-space:nowrap;font-size:10px}.text-button{background:none;border:0;padding:4px 0;font-size:11px;text-decoration:none;line-height:1.5}.text-button:hover{color:#3d906e;text-decoration:underline;text-underline-offset:4px}.field-label{display:block;font-size:11px;font-weight:650;margin-bottom:10px}.upload-zone{position:relative;border:1px dashed #b9c4b0;border-radius:8px;background:#f8f9f3;min-height:144px;text-align:center;transition:background .2s}.upload-zone:hover,.upload-zone.dragging{background:#eef2e6;border-color:#447754}.upload-zone:focus-within{outline:3px solid #6c9b78;outline-offset:3px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-zone input:disabled{cursor:not-allowed}#upload-empty{display:flex;flex-direction:column;align-items:center;padding:22px 10px 20px}#upload-empty svg{color:#73866c;margin-bottom:12px}#upload-empty strong{font-size:12px}#upload-empty span{font-size:10px;color:var(--muted);margin-top:5px}#upload-preview{display:flex;align-items:center;gap:12px;padding:12px;text-align:left;height:144px}#upload-preview img{height:116px;width:94px;border-radius:5px;object-fit:contain;background:#eee}#upload-preview strong{display:block;font-size:11px;line-height:1.7}#upload-preview small{display:block;margin:5px 0 10px;font-size:9px;color:var(--muted)}#upload-preview span{font-size:10px;color:#4d785b}.upload-meta{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:8px;min-height:17px}.upload-meta p{font-size:9px;color:var(--muted)}.upload-meta button{font-size:10px;padding:0}.photo-tip{font-size:9px;color:#77816f;margin:3px 0 21px}.background-heading{display:flex;justify-content:space-between;align-items:baseline;gap:5px}#background-name{font-size:9px;color:var(--muted)}.swatches{display:flex;gap:9px;margin-top:2px}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid #00000010;position:relative;padding:0}.swatch.selected:after{content:"";position:absolute;inset:-4px;border:1.5px solid var(--green);border-radius:50%}.swatch.selected:before{content:"✓";font:12px Arial,sans-serif;position:absolute;inset:0;display:grid;place-items:center;color:#23412c}.bg-cream{background:var(--cream)}.bg-mint{background:var(--mint)}.bg-sky{background:var(--sky)}.bg-peach{background:var(--peach)}.bg-lilac{background:var(--lilac)}.bg-butter{background:var(--butter)}.bg-gradient{background:linear-gradient(130deg,var(--sky),var(--lilac))}.likeness-label{margin-top:25px}.segmented{display:flex;background:#f2f3eb;border:1px solid #e4e6dc;border-radius:7px;padding:3px;gap:3px}.segmented button{font-size:10px;flex:1;background:none;border:0;border-radius:4px;min-height:32px}.segmented .active{background:#fffefa;box-shadow:0 1px 4px #293f2220;font-weight:600}.control-help{font-size:9px;line-height:1.8;color:var(--muted);margin-top:8px}.consent{display:flex;align-items:flex-start;gap:8px;margin:19px 0 13px;font-size:9px;line-height:1.8;color:#6f786d}.consent input{margin:2px 0 0;flex-shrink:0;width:14px;height:14px;accent-color:var(--green)}.primary-button{width:100%;border:1px solid var(--green);background:var(--green);color:white;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:7px;min-height:48px;font-size:12px;font-weight:600}.primary-button:hover:not(:disabled){background:#28634c;box-shadow:0 4px 12px #21472c22;transform:translateY(-1px)}.primary-button:disabled{color:#7b8b7f;background:#e2e7db;border-color:#d3dbcd}.primary-button>span:first-child:not(:last-child){font-size:18px;font-weight:400}.primary-button #generate-label{font-size:12px;font-weight:600}.generate-help{font-size:9px;color:#7b8477;text-align:center;line-height:1.8;margin-top:10px}.form-error{font-size:11px;line-height:1.8;border-radius:6px;padding:10px;background:#fff1eb;border:1px solid #ebc7b7;color:#944b36;margin-top:12px}.secondary-button{width:100%;border:1px solid #cdd5c5;border-radius:7px;background:#f6f7ed;color:#385b3e;min-height:43px;margin-top:12px;font-size:11px}.secondary-button:hover{background:#eaf0df}.privacy-short{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:flex;align-items:center;gap:6px;color:#7b8576;font-size:8px;line-height:1.7}.turnstile-container{margin-bottom:10px;min-height:0;overflow:hidden}.turnstile-container:empty{display:none}.generation-progress{padding:17px 0 4px;text-align:center}.generation-progress strong{display:block;font-size:12px;margin-top:14px}.generation-progress p,.generation-progress>span{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.progress-line{height:3px;background:#e5ebdc;overflow:hidden;border-radius:4px}.progress-line:after{content:"";display:block;height:100%;width:40%;background:#54835b;animation:progress 1.8s infinite ease-in-out}.how-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:39px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px;scroll-margin-top:25px}.how-section h2,.faq-section h2{font-size:19px;margin-top:12px;line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-grid article>span{font:10px Arial,sans-serif;color:#74916a}.how-grid h3{font-size:13px;margin:10px 0}.how-grid p{font-size:10px;line-height:1.9;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:45px 0 50px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:12px;padding:17px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:18px;color:#78916c}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;line-height:1.95;color:var(--muted);padding:0 20px 17px 0}.faq-list a{display:block;margin-top:7px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:95px;font:10px Georgia,serif;color:var(--muted)}.footer-brand{font:10px Arial,sans-serif;letter-spacing:.12em;color:#576b57}.footer-brand span{font:9px sans-serif;margin-left:12px;letter-spacing:0}footer .text-button{font-size:10px}.result-dialog,.privacy-dialog{padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);width:min(900px,calc(100% - 40px));max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0003}.result-dialog::backdrop,.privacy-dialog::backdrop{background:#1c2f27aa;backdrop-filter:blur(5px)}.close-button{position:absolute;right:16px;top:14px;z-index:2;border:1px solid #d7dcd1;border-radius:50%;width:32px;height:32px;background:#fffefa;font-size:22px;font-weight:400;line-height:1}.result-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:46px 34px 35px}.result-visual{align-self:center}.result-frame{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #e0e2d5;background:#f0eee6;transition:border-radius .25s}.result-frame.circle{border-radius:50%}.result-frame img{width:100%;height:100%;object-fit:cover}.preview-toggle{display:flex;justify-content:center;gap:6px;margin-top:19px}.preview-toggle button{padding:8px 13px;font-size:10px;border:1px solid #d9ddcf;border-radius:30px;background:transparent}.preview-toggle button.active{background:var(--green);color:white;border-color:var(--green)}.result-copy h2{font-size:28px;line-height:1.65;margin-top:13px}.result-copy>p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}.sample-notice{font-size:10px;line-height:1.8;border:1px solid #dddcc8;background:#eeefdf;padding:10px;border-radius:6px;margin:13px 0}.avatar-preview{display:flex;gap:8px;align-items:center;padding:17px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.avatar-preview img{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-preview div{margin-left:4px}.avatar-preview strong{display:block;font-size:9px;line-height:1.8}.avatar-preview small{display:block;font-size:8px;line-height:1.8;color:var(--muted)}#download-size{width:100%;padding:11px 9px;border-radius:5px;border:1px solid #d0d7c8;background:#fffefa;color:var(--ink);font-size:12px;margin-bottom:13px}#choose-again{margin-top:10px}.privacy-dialog{width:min(540px,calc(100% - 40px));padding:35px}.privacy-dialog h2{margin:12px 0 25px}.privacy-dialog p:not(.eyebrow){font-size:12px;line-height:1.9;margin:15px 0}.privacy-dialog .muted{color:var(--muted)}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);background:#224536;color:white;box-shadow:0 5px 20px #0002;border-radius:8px;padding:13px 20px;font-size:12px;max-width:90vw;text-align:center}.noscript{position:fixed;bottom:0;width:100%;background:#f1d7c3;padding:16px;text-align:center}.busy{opacity:.65}.empty-state{grid-column:1/-1;padding:30px;text-align:center;font-size:13px;color:var(--muted)}
@keyframes progress{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(min-width:1450px){.shell{width:1280px}.studio{grid-template-columns:minmax(0,1fr) 350px;gap:42px}.style-grid{gap:23px 18px}.hero h1{font-size:40px}.hero-art{margin-right:30px}.card-description{font-size:11px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.hero h1{font-size:29px}.studio{gap:22px;grid-template-columns:minmax(0,1fr) 320px}.creator{padding:18px}.style-grid{gap:14px 10px}.card-description{font-size:9px}.style-card strong{font-size:11px}.card-en{font-size:7px}.hero-art{transform:scale(.9);transform-origin:right center}.section-heading h2{font-size:18px}.filter{padding:7px 9px;font-size:10px}.style-count{display:none}}
@media(max-width:850px){.site-header{height:82px}.site-header nav{gap:18px}.site-header nav a:first-child{display:none}.hero{min-height:310px;grid-template-columns:1.1fr 1fr;gap:0;overflow:hidden}.hero h1{font-size:27px}.hero-art{transform:scale(.78);width:430px;transform-origin:left center;height:280px;margin-left:12px}.hero-description{font-size:11px}.hero-features{gap:12px;font-size:9px}.studio{grid-template-columns:1fr;gap:30px}.style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.creator{position:static;max-width:520px;width:100%;margin:auto;padding:26px}.style-card{padding:4px 4px 8px}.card-en{font-size:6px;margin:9px 4px 5px}.style-card strong{font-size:11px;margin:0 4px}.card-description{display:none}.card-action{font-size:8px;margin:10px 4px 0;line-height:1.5}.card-badge{font-size:6px;left:3px;top:4px;padding:3px}.section-heading h2{font-size:21px}.filter{font-size:11px;padding:8px 12px}.how-section,.faq-section{grid-template-columns:1fr;gap:26px}.how-grid{gap:30px}.how-grid p{font-size:11px}.creator .field-label{font-size:12px}.photo-tip,.upload-meta p,.control-help,.consent,.generate-help{font-size:11px}.privacy-short{font-size:10px}.swatch{width:31px;height:31px}.swatches{gap:13px}.segmented button{font-size:12px}.creator h2{font-size:20px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.site-header{height:78px}.brand{font-size:17px;gap:9px}.brand-icon{width:36px;height:36px}.brand small{font-size:7px}.site-header nav a{display:none}.quota-badge{font-size:9px;padding:7px 9px}.hero{grid-template-columns:1fr;padding:28px 0 24px;overflow:visible;gap:10px}.hero .eyebrow{font-size:8px;margin-bottom:15px}.hero h1{font-size:29px;line-height:1.65;letter-spacing:.01em}.hero-description{font-size:12px;margin-top:10px}.hero-features{font-size:10px;gap:17px;margin-top:15px}.hero-art{height:207px;transform:scale(.73);transform-origin:top center;width:420px;max-width:none;margin:3px 0 -50px;left:50%;translate:-50% 0}.hero-print{top:12px}.print-a{left:21px}.print-b{left:183px}.hero-mini{right:-1px;top:150px}.hand-arrow{display:none}.mode-note{font-size:10px;display:block;padding:10px 12px;margin:24px 0 27px}.mode-note strong{display:inline;margin-right:8px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:18px;gap:7px}.section-heading .eyebrow{font-size:8px}.step-number{height:24px;width:24px}.filter-row{gap:6px;margin-bottom:18px}.filter{font-size:10px;padding:7px 11px;min-height:33px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.style-card{padding:6px 6px 11px}.card-en{font-size:7px;margin:11px 6px 4px}.style-card strong{font-size:13px;margin:0 6px}.card-description{display:block;font-size:9px;line-height:1.7;margin:6px 6px 0;min-height:32px}.card-action{font-size:9px;margin:9px 6px 0}.card-badge{font-size:7px;left:5px;top:6px;padding:4px 5px}.gallery-caption{font-size:9px}.creator{padding:21px 19px;border-radius:12px}.creator h2{font-size:19px}.selection-summary strong{font-size:13px}.selection-summary small{font-size:10px}.selection-summary .text-button{font-size:11px}.creator .field-label{font-size:12px}.photo-tip,.upload-meta p{font-size:10px}.consent{font-size:10px}.privacy-short{font-size:9px}.swatches{gap:12px}.swatch{width:29px;height:29px}.studio{padding-bottom:40px}.how-section{padding:28px 0;gap:25px}.how-section h2,.faq-section h2{font-size:18px}.how-grid{grid-template-columns:1fr;gap:22px}.how-grid article{display:grid;grid-template-columns:27px 1fr;gap:0 9px}.how-grid article>span{grid-row:1/3;align-self:start;padding-top:3px}.how-grid h3{margin:0 0 6px;font-size:13px}.how-grid p{grid-column:2;font-size:11px}.how-grid br{display:none}.faq-section{padding:30px 0;gap:23px}.faq-list summary{font-size:11px;padding:16px 0}.faq-list p{font-size:11px}footer{padding:22px 0;min-height:0;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){display:none}.footer-brand{font-size:9px}.footer-brand span{display:block;font-size:8px;margin:5px 0 0}.result-dialog{width:calc(100% - 24px);max-height:94dvh;border-radius:12px}.result-grid{grid-template-columns:1fr;gap:20px;padding:50px 23px 25px}.result-visual{width:min(300px,100%);margin:auto}.result-copy h2{font-size:24px;line-height:1.5}.result-copy h2 br{display:none}.result-copy .eyebrow{font-size:9px}.avatar-preview div{margin-left:10px}.avatar-preview strong{font-size:10px}.avatar-preview small{font-size:9px}.sample-notice{font-size:11px}.result-copy>p:not(.eyebrow){font-size:12px}.privacy-dialog{padding:34px 24px}.privacy-dialog h2{font-size:18px}.toast{font-size:11px;width:max-content;max-width:90vw}.swatches{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reference-strip{display:flex;align-items:center;gap:17px;margin:0 0 22px;padding:16px;background:#eeeee5;border:1px solid #dddfd1;border-radius:10px}.reference-strip>img{flex-shrink:0;width:72px;height:72px;object-fit:cover;border-radius:50%;border:3px solid #fffefa}.reference-strip strong{font-size:14px;letter-spacing:.035em}.reference-strip p{font-size:11px;line-height:1.85;color:#667064;margin:5px 0}.reference-strip small{font-size:8px;color:#7a8075}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}.gallery-tools>span{font-size:10px;color:#798171}.gallery-tools>div{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:30px}.view-button{border:0;background:transparent;border-radius:25px;font-size:9px;padding:7px 11px}.view-button.active{background:#e3e8d9;color:#284b36;font-weight:700}.icon-gallery .card-art{border-radius:50%;margin:12px;box-shadow:0 0 0 1px #00000006}.icon-gallery .card-badge{display:none}.selected-art-note{margin:-8px 0 22px}.trait-list{display:flex;flex-wrap:wrap;gap:5px}.trait-list>span{border:1px solid #dfe3d5;color:#64735d;border-radius:3px;padding:3px 5px;font-size:8px}.selected-art-note>p{font-size:10px;line-height:1.9;color:#6d7867;margin-top:10px}.result-art-detail{font-size:11px;line-height:1.9;color:var(--muted)}.result-reference{display:flex;align-items:center;gap:12px;margin:15px 0}.result-reference img{width:54px;height:54px;border-radius:50%;object-fit:cover}.result-reference strong{font-size:10px;display:block;margin-bottom:5px}.result-reference small{font-size:9px;color:var(--muted)}.making-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.making-note>summary{padding:18px 0;cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.making-note>summary span{font:8px Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}#making-content{padding:0 0 22px}#making-content>p{font-size:11px;line-height:1.95;color:#6a7566;margin:0 0 16px}.direction-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.direction-notes article{border-top:1px solid var(--line);padding-top:12px}.direction-notes h3{font-size:12px;margin-bottom:7px}.direction-notes p{font-size:10px;line-height:1.9;color:#6d7768}.direction-notes a{font-size:9px;display:inline-block;margin:7px 7px 0 0}.making-note .note-credit{font-size:9px!important;margin-top:20px!important}.style-card strong{font-size:13px}.style-card .card-description{min-height:51px}
@media(min-width:851px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.style-card{padding:8px 8px 15px}.card-en{font-size:9px;margin:14px 9px 6px}.style-card strong{font-size:16px;margin:0 9px}.card-description{font-size:11px!important;line-height:1.9;margin:8px 9px 0;min-height:42px!important}.card-action{font-size:11px;margin:13px 9px 0}.card-badge{font-size:9px;padding:5px 8px}.card-art img{height:auto;aspect-ratio:1}}
@media(min-width:601px) and (max-width:850px){.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card strong{font-size:13px}.card-en{font-size:8px}.card-action{font-size:10px}.card-description{display:block;font-size:10px}}
@media(max-width:600px){.reference-strip{padding:13px 11px;gap:12px}.reference-strip>img{width:58px;height:58px}.reference-strip strong{font-size:12px}.reference-strip p{font-size:10px}.reference-strip small{font-size:8px}.reference-strip br{display:none}.gallery-tools>span{font-size:9px}.view-button{font-size:9px;padding:7px 9px}.style-card strong{font-size:12px}.card-description{font-size:10px;min-height:51px}.selected-art-note>p{font-size:11px}.trait-list>span{font-size:9px}.direction-notes{grid-template-columns:1fr;gap:14px}.making-note>summary span{font-size:6px}.result-reference strong{font-size:11px}.icon-gallery .card-art{margin:6px}}
.compare-button{display:inline-flex;align-items:center;gap:24px;margin-top:20px;padding:11px 16px;border:1px solid #a9b7a0;border-radius:6px;background:#f0f3e7;color:#35573a;font-size:11px}.compare-button:hover{background:#e2ead7}.compare-button>span{font-size:16px}.compare-dialog{padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);width:min(1160px,calc(100% - 38px));max-height:94dvh;overflow:auto;box-shadow:0 20px 100px #0003}.compare-dialog::backdrop{background:#1c2f27bb;backdrop-filter:blur(5px)}.compare-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-right:40px;margin-bottom:24px}.compare-heading h2{font-size:25px;margin:9px 0}.compare-heading p:not(.eyebrow){font-size:11px;color:var(--muted)}.compare-reference{display:flex;align-items:center;gap:13px;flex-shrink:0}.compare-reference img{border-radius:50%;object-fit:cover;width:68px;height:68px}.compare-reference>span{font-size:11px;line-height:1.9}.compare-reference small{font-size:9px;color:var(--muted)}.compare-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.compare-choice{padding:5px 5px 11px;text-align:left;background:#fffefa;border:1px solid #dfdfd2;border-radius:8px;overflow:hidden}.compare-choice:hover,.compare-choice.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.compare-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}.compare-choice>span{display:block;font:7px Arial,sans-serif;letter-spacing:.08em;margin:9px 5px 5px;color:var(--muted)}.compare-choice>strong{display:block;font-size:12px;margin:0 5px;letter-spacing:.01em}.compare-footnote{font-size:9px;line-height:1.8;color:var(--muted);margin-top:18px}
@media(max-width:850px){.compare-dialog{padding:27px 20px}.compare-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-heading h2{font-size:21px}.compare-reference{gap:8px}.compare-reference img{width:50px;height:50px}}
@media(max-width:600px){.compare-button{font-size:11px;margin-top:16px}.compare-dialog{padding:45px 15px 20px;width:calc(100% - 20px)}.compare-heading{display:block;padding:0;margin-bottom:19px}.compare-heading h2{font-size:23px}.compare-reference{margin-top:15px}.compare-reference img{width:42px;height:42px}.compare-reference>span{font-size:10px}.compare-reference br{display:none}.compare-reference small{margin-left:8px}.compare-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.compare-choice>strong{font-size:11px}.compare-choice>span{font-size:6px}.compare-footnote{font-size:9px}}

@media(min-width:851px) and (max-width:1100px){.compare-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}