:root{--ink:#27252e;--muted:#8b8794;--purple:#7760ce;--purple-dark:#604ab6;--line:#e9e6e4;--paper:#faf9f6;--white:#fff;--soft:#f1edf9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid #b9a5ee;outline-offset:4px}input,textarea,select{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7760ce12}textarea{resize:vertical;width:100%;min-height:85px}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}.header{height:94px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:1px;line-height:1.35}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:3px}.brand-mark{font-size:42px;color:var(--purple);line-height:1}.header nav{display:flex;gap:36px}.nav{color:var(--muted);font-size:14px;padding:12px 0;position:relative}.nav.active{color:var(--ink);font-weight:600}.nav.active:after{content:'';position:absolute;width:15px;height:3px;border-radius:5px;background:var(--purple);bottom:1px;left:calc(50% - 7px)}.account{border:1px solid #dcd8d4;border-radius:8px;padding:9px 16px;font-size:12px}.account span{margin-left:15px}main{max-width:1440px;margin:auto;padding:0 64px}.hero{position:relative;padding:65px 0 52px;overflow:hidden;min-height:460px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:600;display:inline-flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;background:var(--purple);border-radius:50%}.hero h1{font-size:clamp(35px,3.7vw,56px);line-height:1.4;letter-spacing:-1.5px;font-weight:550;margin:20px 0 14px}.hero h1>span{color:var(--purple)}.serif{font-family:Georgia,'Songti SC',serif;font-style:italic}.hero p{font-size:14px;color:#85818d;line-height:1.9;margin:0 0 22px}.idea-input{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 17px;background:white;border:1px solid var(--line);border-radius:12px;max-width:600px;position:relative;z-index:2;box-shadow:0 4px 20px #29203504}.idea-input>span{font-size:24px;color:var(--purple)}.idea-input input{border:0;box-shadow:none;min-width:0;flex:1;padding:8px 0;font-size:12px}.primary{background:var(--purple);color:white;border-radius:8px;padding:12px 20px;font-weight:550;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap;transition:background .2s,transform .2s}.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.hero-note{font-size:10px;color:#a49fa9;margin:11px 0 0 13px;letter-spacing:1px}.hero-orbit{position:absolute;right:18px;top:58px;width:370px;height:340px;border:1px solid #e3dedc;border-radius:50%;transform:rotate(-10deg);background:radial-gradient(ellipse,#ebe5f250,transparent 65%)}.hero-orbit:before{content:'';position:absolute;inset:38px -32px;border:1px solid #e6e0de;border-radius:50%;transform:rotate(-25deg)}.orbit-paper{background:#e5def1;width:222px;height:262px;position:absolute;left:73px;top:28px;transform:rotate(18deg);padding:34px 22px;color:#5e4b85;font-size:28px;font-weight:650;line-height:1.35;letter-spacing:-1px;box-shadow:9px 15px 22px #41344d0c}.orbit-paper i{font:italic 33px Georgia;letter-spacing:-2px}.orbit-paper span{display:block;font-size:6px;letter-spacing:1.1px;margin-top:42px}.orbit-label{position:absolute;bottom:12px;left:0;transform:rotate(10deg);font-size:8px;letter-spacing:1.3px}.orbit-star{position:absolute;font-size:80px;right:-5px;top:-8px;color:var(--purple);background:var(--paper);line-height:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 24px}.section-heading h2,.editor-top h2{font-size:23px;font-weight:550;margin:7px 0 0;letter-spacing:-.6px}.muted{color:var(--muted);font-size:12px}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.categories{display:flex;gap:4px;flex-wrap:wrap}.categories button{padding:7px 13px;color:var(--muted);border-radius:7px;font-size:12px;white-space:nowrap}.categories button.active{background:var(--ink);color:#fff}.search{display:flex;align-items:center;gap:4px;color:var(--muted);border-bottom:1px solid var(--line);width:176px}.search input{border:0;background:none;padding:7px 2px;width:100%;font-size:11px;box-shadow:none}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.preset-card{min-width:0;animation:arrive .3s ease both}.card-image{display:block;width:100%;padding:0;text-align:left;position:relative;aspect-ratio:4/4.6;overflow:hidden;border-radius:12px;background:#edeae7}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.preset-card:hover img{transform:scale(1.035)}.card-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#18122666);pointer-events:none}.card-category{position:absolute;left:12px;top:12px;background:#ffffffeb;font-size:9px;padding:3px 8px;border-radius:5px;z-index:1;color:#514c5d}.card-cta{position:absolute;bottom:14px;left:14px;right:14px;z-index:2;background:#fffffff0;border-radius:7px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;opacity:0;transform:translateY(5px);transition:.2s}.preset-card:hover .card-cta,.card-cta:focus-visible{opacity:1;transform:none}.card-title{display:flex;justify-content:space-between;gap:7px;margin-top:11px}.card-title h3{font-size:12px;font-weight:550;margin:0}.card-title>span{color:var(--muted)}.card-meta{font-size:9px;color:#a39eaa;margin-top:3px}.library-note{margin:35px 0 60px;font-size:10px;color:#aaa4ad;text-align:center}.library-note a{text-decoration:underline;text-underline-offset:3px}footer{max-width:1312px;border-top:1px solid var(--line);margin:25px auto 0;padding:28px 0;display:flex;align-items:center;justify-content:space-between;color:#a39da7;font-size:10px;gap:15px}.footer-brand{font-size:14px;color:#6f677b}.preview-label{border:1px solid var(--line);padding:2px 6px;border-radius:4px;margin-left:7px;font-size:9px}.editor-top{display:flex;justify-content:space-between;align-items:center;margin:35px 0 23px}.quiet{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 13px;font-size:11px;display:inline-block}.quiet:hover{border-color:#b1a0d7}.workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.55fr);gap:25px;align-items:start;margin-bottom:42px}.controls{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.panel-heading b{font-size:14px}.panel-heading span{font-size:9px;color:var(--muted)}.field-title{display:flex;gap:9px;font-size:10px;color:var(--purple);align-items:center;margin:20px 0 10px}.field-title b{font-weight:550;font-size:12px;color:var(--ink)}.field-title>span{font-size:9px;color:#a29baa;margin-left:auto}.controls textarea{font-size:12px;line-height:1.8}.block-group{display:flex;gap:10px;margin:12px 0;align-items:flex-start}.block-group>span{font-size:10px;color:var(--muted);min-width:25px;margin-top:5px}.block-tags{display:flex;flex-wrap:wrap;gap:6px}.block-tags button{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:4px 9px;color:#77707f}.block-tags button.selected{background:var(--soft);border-color:#d9cdef;color:var(--purple-dark)}.input{width:100%;font-size:12px}.prompt-details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.prompt-details summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between;color:#7d7587}.prompt-details textarea{margin-top:12px}.text-button{font-size:10px;color:var(--purple);padding:4px 0}.ai-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:11px}.ai-heading b{font-weight:500;color:var(--purple-dark)}.ai-heading span{font-size:9px;color:var(--muted)}.ai-actions{display:flex;gap:7px;margin-top:10px}.ai-actions button{flex:1;border:1px solid #e7e0f3;background:#fcfaff;color:#88769f;font-size:10px;padding:8px 4px;border-radius:6px}.ai-actions button:hover{background:var(--soft)}.settings{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.settings label{font-size:10px;color:#8c8495}.settings select{width:100%;font-size:11px;margin-top:7px;padding:8px}.price{font-size:10px;color:var(--muted);text-align:center;margin:16px 0 8px}.generate{width:100%}.status{font-size:11px;color:var(--purple-dark);margin:8px 0 0;overflow-wrap:anywhere}.preview-panel{position:sticky;top:22px;background:#f0eeeb;border:1px solid #e5e1dd;border-radius:13px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font-size:11px;color:#817989;background:#f8f7f4;border-bottom:1px solid var(--line)}.badge{font-size:9px;border:1px solid #e5e1e7;border-radius:5px;padding:2px 7px}.preview{height:590px;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(#dbd5df 1px,transparent 1px);background-size:16px 16px}.preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;box-shadow:0 12px 40px #2d20351a}.empty-preview{text-align:center;color:#a49aa9}.empty-preview>span{font-size:72px;color:#c0b4ce}.empty-preview h3{font-weight:500;font-size:17px;color:#817489;margin-top:15px}.empty-preview p{font-size:11px;margin-bottom:25px}.preview-bottom{background:#f8f7f4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px}.preview-bottom p{font-size:10px;color:var(--muted);margin:0;max-width:55%}.selected-preset{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:8px;padding:9px}.selected-preset img{width:40px;height:40px;object-fit:cover;border-radius:5px}.selected-preset div{flex:1;min-width:0}.selected-preset b{font-size:10px;display:block}.selected-preset a{font-size:9px;color:var(--purple);text-decoration:underline}.selected-preset button{font-size:17px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;max-width:600px;width:calc(100% - 32px);padding:28px;box-shadow:0 30px 100px #16102020}dialog::backdrop{background:#27213070;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog-title h2{font-size:20px;margin:0;font-weight:550}.dialog-title button{font-size:26px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#login-form label{display:block;margin:16px 0 10px}#login-form>.primary{margin-top:12px;width:100%}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#302c3a;color:white;border-radius:9px;padding:12px 22px;z-index:50;max-width:90vw;font-size:12px;box-shadow:0 8px 30px #22183022}.saved-gallery{margin:30px 0 80px}.saved-card{padding:22px;background:white;border:1px solid var(--line);border-radius:12px}.saved-card h3{font-size:14px}.saved-card p{font-size:11px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.saved-card .quiet{margin:4px}.blank-state{padding:70px 20px;border:1px dashed #d9d0df;border-radius:12px;grid-column:1/-1;text-align:center;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1500px){footer{max-width:1312px}}@media(max-width:1150px){.hero-orbit{right:-45px;transform:scale(.8) rotate(-10deg);transform-origin:right center}.hero h1{font-size:43px}.idea-input{max-width:520px}.header,main{padding-left:35px;padding-right:35px}footer{margin-left:35px;margin-right:35px}.categories button{padding:6px 8px}.preview{height:550px}.controls{padding:17px}.gallery{gap:23px 15px}}@media(max-width:900px){.hero-orbit{opacity:.45;right:-130px}.hero h1,.hero p{position:relative;z-index:1}.idea-input{max-width:560px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav{gap:20px}.workspace{grid-template-columns:1fr 1.1fr;gap:16px}.preview{height:450px;padding:15px}.preview-bottom{align-items:flex-start;flex-direction:column}.preview-bottom p{max-width:none}.library-tools{align-items:flex-start;flex-direction:column}.search{width:100%}}@media(max-width:650px){.header{height:auto;min-height:78px;padding:15px 20px;flex-wrap:wrap;gap:15px}.brand{font-size:17px}.brand-mark{font-size:34px}.header nav{order:3;width:100%;justify-content:center;gap:42px;border-top:1px solid var(--line);padding-top:7px}.nav{font-size:12px;padding:7px 0}.account{font-size:10px;padding:7px 9px}.account span{margin-left:5px}main{padding:0 20px}.hero{padding:37px 0 27px;min-height:unset}.hero h1{font-size:37px;line-height:1.5;margin-top:17px;letter-spacing:-1px}.hero p{font-size:12px}.hero-orbit{display:none}.eyebrow{font-size:8px;letter-spacing:1.8px}.idea-input{gap:8px;padding-left:10px}.idea-input input{font-size:11px}.idea-input .primary{padding:11px 12px;font-size:11px;gap:5px}.hero-note{font-size:9px}.section-heading{align-items:flex-start;margin-top:25px}.section-heading h2,.editor-top h2{font-size:19px}.section-heading>.muted{font-size:9px;white-space:nowrap;margin-top:8px}.categories{gap:3px}.categories button{font-size:10px;padding:6px 10px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.card-image{border-radius:9px}.card-title h3{font-size:11px}.card-meta{font-size:8px}.card-cta{opacity:1;transform:none;bottom:9px;left:9px;right:9px;font-size:10px;padding:7px 9px}.card-category{font-size:8px;left:9px;top:9px}.library-note{font-size:9px;margin-bottom:40px}.workspace{display:flex;flex-direction:column}.controls,.preview-panel{width:100%}.preview-panel{position:static}.preview{height:420px}.preview-bottom{flex-direction:row;align-items:center}.preview-bottom p{max-width:45%}.editor-top{margin-top:25px}.editor-top>.quiet{font-size:10px}.controls{padding:20px}.generate{padding:14px}.settings select{min-height:40px}footer{margin:20px;flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 0}footer>span:first-of-type{display:none}.saved-gallery{grid-template-columns:1fr}.saved-card{padding:18px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Kachatang palettes and independent browser preference. */
:root,html[data-theme="classic-light"]{--theme-bg:#fcfcfc;--theme-card:#fff;--theme-panel:#fafafa;--theme-text:#171717;--theme-muted:#737373;--theme-border:#e5e5e5;--theme-border-subtle:#f0f0f0;--theme-accent:#111;--theme-accent-text:#fff;--theme-hover:#f5f5f5;--theme-dot:#171717;--theme-shadow:0 18px 45px -24px rgba(0,0,0,.18)}
html[data-theme="oatmeal-sand"]{--theme-bg:#f5f2eb;--theme-card:#faf8f5;--theme-panel:#f1ede4;--theme-text:#38332b;--theme-muted:#8c8275;--theme-border:#ddd5c7;--theme-border-subtle:#ebe5d8;--theme-accent:#8c6d53;--theme-accent-text:#faf8f5;--theme-hover:#ece6d8;--theme-dot:#d3a775;--theme-shadow:0 18px 45px -24px rgba(92,73,50,.28)}
html[data-theme="sakura-rose"]{--theme-bg:#fcf5f7;--theme-card:#fff9fa;--theme-panel:#f9edf0;--theme-text:#4a232f;--theme-muted:#9c6b7b;--theme-border:#edccd6;--theme-border-subtle:#f6e2e8;--theme-accent:#b84a6f;--theme-accent-text:#fff;--theme-hover:#f9e8ee;--theme-dot:#e284a4;--theme-shadow:0 18px 45px -24px rgba(128,48,77,.28)}
html[data-theme="mint-breeze"]{--theme-bg:#f2f8f6;--theme-card:#fafcfb;--theme-panel:#e8f3ef;--theme-text:#1b3832;--theme-muted:#5e857c;--theme-border:#c7e2d9;--theme-border-subtle:#e0efea;--theme-accent:#2d6a5d;--theme-accent-text:#fff;--theme-hover:#e3f2ed;--theme-dot:#4ead97;--theme-shadow:0 18px 45px -24px rgba(25,85,70,.26)}
html[data-theme="lavender-lilac"]{--theme-bg:#f6f4fa;--theme-card:#fcfbfe;--theme-panel:#eeeaf5;--theme-text:#342845;--theme-muted:#7f7195;--theme-border:#ddd2ee;--theme-border-subtle:#ece6f6;--theme-accent:#6e5397;--theme-accent-text:#fff;--theme-hover:#ede6f8;--theme-dot:#9b7fd4;--theme-shadow:0 18px 45px -24px rgba(77,55,115,.27)}
html[data-theme="midnight-dark"]{--theme-bg:#0b0b0c;--theme-card:#151516;--theme-panel:#1b1b1e;--theme-text:#ededed;--theme-muted:#a0a0a7;--theme-border:#2c2c30;--theme-border-subtle:#1f1f22;--theme-accent:#fff;--theme-accent-text:#000;--theme-hover:#222226;--theme-dot:#e5e5e5;--theme-shadow:0 18px 45px -24px rgba(0,0,0,.7)}
html[data-theme="ocean-slate"]{--theme-bg:#0e1624;--theme-card:#152236;--theme-panel:#192941;--theme-text:#e2eaf4;--theme-muted:#9ab0c8;--theme-border:#2b4265;--theme-border-subtle:#1f304b;--theme-accent:#38bdf8;--theme-accent-text:#081b2b;--theme-hover:#1b2b43;--theme-dot:#38bdf8;--theme-shadow:0 18px 45px -24px rgba(0,0,0,.65)}
html[data-theme="forest-pine"]{--theme-bg:#0a1612;--theme-card:#11231e;--theme-panel:#173028;--theme-text:#e1efea;--theme-muted:#9ab9ad;--theme-border:#25493e;--theme-border-subtle:#1a342c;--theme-accent:#34d399;--theme-accent-text:#04251b;--theme-hover:#162f28;--theme-dot:#34d399;--theme-shadow:0 18px 45px -24px rgba(0,0,0,.65)}
html[data-theme]{--ink:var(--theme-text);--muted:var(--theme-muted);--purple:var(--theme-accent);--purple-dark:var(--theme-accent);--line:var(--theme-border);--paper:var(--theme-bg);--white:var(--theme-card);--soft:var(--theme-panel);color-scheme:light}
html[data-theme="midnight-dark"],html[data-theme="ocean-slate"],html[data-theme="forest-pine"]{color-scheme:dark}
html[data-theme] :is(input,textarea,select,.controls,.idea-input,.quiet,.saved-card,dialog){background:var(--white);color:var(--ink);border-color:var(--line)}
html[data-theme] :is(.primary,.categories button.active){background:var(--purple);color:var(--theme-accent-text)}
html[data-theme] :is(.preview-toolbar,.preview-bottom,.preview-panel,.price-card){background:var(--soft);border-color:var(--line)}
html[data-theme] :is(.ai-actions button,.selected-preset,.block-tags button.selected){background:var(--soft);color:var(--purple);border-color:var(--line)}
html[data-theme] :is(.hero p,.hero-note,.field-title>span,.card-meta,.library-note,.prompt-details summary,.settings label,.ai-heading span,.panel-heading span,.preview-toolbar,.preview-bottom p,.price){color:var(--muted)}
html[data-theme] :is(.card-image,.photo-drop){background:var(--soft)}
html[data-theme] .orbit-paper{background:var(--soft);color:var(--purple);border:1px solid var(--line)}
html[data-theme] :is(.hero-orbit,.hero-orbit:before){border-color:var(--line)}
html[data-theme] .ai-heading b{color:var(--purple)}
html[data-theme] .block-tags button{color:var(--muted)}
.theme-control{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-left:auto}.theme-control select{padding:7px 9px;font-size:11px;max-width:95px}.header nav{margin:auto}.header{gap:16px}.photo-start{margin-top:12px;position:relative;z-index:2}.photo-skills-section{margin-bottom:40px}.photo-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-skill-card{text-align:left;border:1px solid var(--line);padding:17px;border-radius:12px;background:var(--white);transition:transform .2s,border-color .2s}.photo-skill-card:hover{transform:translateY(-3px);border-color:var(--purple)}.skill-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--purple);font-size:21px;margin-bottom:10px}.photo-skill-card b{display:block;font-weight:550;font-size:13px}.photo-skill-card p{font-size:11px;color:var(--muted);margin:5px 0 10px}.skill-link{font-size:10px;color:var(--purple)}.creation-modes{display:flex;gap:4px;padding:4px;background:var(--soft);border-radius:9px;margin-bottom:20px}.creation-modes button{flex:1;border-radius:6px;padding:9px 5px;font-size:12px;color:var(--muted)}.creation-modes button.active{background:var(--white);box-shadow:0 2px 8px #00000009;color:var(--purple);font-weight:550}.photo-drop{border:1px dashed var(--line);border-radius:10px;padding:20px 10px;display:flex;align-items:center;text-align:center;flex-direction:column;cursor:pointer}.photo-drop.dragging{border-color:var(--purple);box-shadow:0 0 0 3px var(--soft)}.upload-icon{font-size:25px;color:var(--purple)}.photo-drop b{font-size:12px;font-weight:550}.photo-drop>span:last-of-type{font-size:9px;color:var(--muted);margin-top:5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.photo-drop:focus-within{outline:2px solid var(--purple)}.photo-loaded{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px}.photo-loaded img{width:65px;height:75px;object-fit:cover;border-radius:5px}.photo-loaded div{min-width:0;flex:1}.photo-loaded b,.photo-loaded span{display:block;font-size:10px;overflow-wrap:anywhere}.photo-loaded span{color:var(--muted)}.identity-option{display:flex;align-items:center;gap:7px;font-size:11px;margin:10px 0}.identity-option input{accent-color:var(--purple)}.photo-skill-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.photo-skill-pills button{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:20px}.photo-skill-pills button.active{background:var(--purple);color:var(--theme-accent-text,#fff)}.price-card{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-top:17px}.price-card>div{display:flex;align-items:center;justify-content:space-between}.price-card b{font-size:23px;color:var(--purple);font-weight:550}.price-card small{font-size:10px;font-weight:400}.price-card span,.price-card p{font-size:10px;color:var(--muted);margin:0}.compare-tabs{display:flex;background:var(--white);padding:3px;border:1px solid var(--line);border-radius:7px}.compare-tabs button{font-size:10px;padding:3px 9px;border-radius:4px}.compare-tabs button.active{background:var(--purple);color:var(--theme-accent-text,#fff)}
@media(max-width:900px){.photo-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:16px}.header{padding-left:25px;padding-right:25px}.theme-control{margin-left:0}}
@media(max-width:650px){.header{gap:10px;padding:15px 20px}.theme-control{margin-left:auto}.theme-control>span{display:none}.theme-control select{max-width:65px;font-size:10px;padding:6px}.account{max-width:110px}.photo-skills{gap:10px}.photo-skill-card{padding:13px}.photo-skills-section .section-heading{flex-direction:column;gap:5px}.photo-skills-section .section-heading>.muted{margin-top:0}.preview-toolbar{flex-wrap:wrap;gap:8px}.hero{padding-bottom:22px}}
.portrait-method{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:34px 0 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 50px}.portrait-method h2{font-size:23px;font-weight:550;margin:9px 0}.portrait-method p{font-size:12px;color:var(--muted);max-width:500px}.portrait-method a{display:inline-block;font-size:10px;color:var(--purple);margin:8px 14px 0 0;text-decoration:underline;text-underline-offset:3px}.portrait-method ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.portrait-method li{display:flex;align-items:flex-start;gap:10px}.portrait-method li>b,.portrait-method li>b+span{} .portrait-method li>b{color:var(--purple);font-size:10px;margin-top:2px}.portrait-method li span{display:grid;gap:3px}.portrait-method li strong{font-size:12px;font-weight:550}.portrait-method li small{font-size:10px;color:var(--muted)}
@media(max-width:650px){.portrait-method{grid-template-columns:1fr;gap:18px;padding:25px 0 30px;margin:25px 0 34px}.portrait-method h2{font-size:19px}.portrait-method ol{gap:12px}.portrait-method li small{font-size:9px}}
.theme-switcher-dot{flex:0 0 14px;width:14px;height:14px;border:0;border-radius:50%;background:var(--theme-dot,var(--purple));box-shadow:0 0 0 3px var(--white),0 0 0 4.5px var(--line);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;margin-left:auto}.theme-switcher-dot:hover{transform:scale(1.25)}.theme-switcher-dot:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
.photo-style-setting{display:grid;gap:7px;margin:12px 0 18px}.photo-style-setting>span{font-size:10px;color:var(--muted)}.photo-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.photo-style-options button{min-height:34px;border-radius:5px;font-size:11px;color:var(--muted)}.photo-style-options button[aria-pressed="true"]{background:var(--white);color:var(--purple);box-shadow:0 1px 4px #00000010;font-weight:600}.photo-style-options button:disabled{cursor:not-allowed;opacity:.65}.photo-style-setting small{font-size:9px;color:var(--muted)}
.library-tools{align-items:flex-start;flex-direction:column}.categories{width:100%;gap:5px}.categories button{border:1px solid var(--line);border-radius:6px;background:var(--white)}.categories button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.categories button small{font-size:9px;opacity:.7}.library-filters{display:flex;align-items:center;gap:8px;width:100%}.library-filters select{padding:8px 10px;font-size:11px;max-width:165px}.library-filters .search{margin-left:auto}.gallery-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0 8px}.gallery-pagination button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.gallery-pagination button:disabled{opacity:.4;cursor:not-allowed}.gallery-pagination span{font-size:11px;color:var(--muted);min-width:55px;text-align:center}.card-image:before{content:attr(data-fallback);position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px}.card-image img{position:relative;z-index:1}.card-image.image-missing{background:var(--soft);border:1px solid var(--line)}.card-image.image-missing:before{content:attr(data-fallback) "\A 上游案例预览图暂不可用";white-space:pre;font-size:13px;line-height:2}.card-image.image-missing:after{display:none}.card-image.image-missing img{display:none}
@media(max-width:650px){.library-filters{flex-wrap:wrap}.library-filters select{max-width:none;flex:1;min-width:130px}.library-filters .search{width:100%;margin-left:0}.categories{max-height:132px;overflow:auto;align-content:flex-start}}
.brand-mark{width:38px;height:38px;flex:0 0 38px;color:var(--purple);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;letter-spacing:0}.footer-brand .brand-mark{width:24px;height:24px;flex-basis:24px}.orbit-star{width:72px;height:72px;fill:none;stroke:var(--purple);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;background:var(--paper);line-height:1}.model-note{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.5}

/* The actual file input receives the user's click; no scripted picker interception. */
.photo-drop{position:relative}.photo-file-native{display:block;position:static;width:100%;max-width:100%;height:auto;min-height:44px;opacity:1;cursor:pointer;padding:8px;margin:12px 0 0;font-size:11px;background:var(--white);color:var(--ink)}.photo-file-native::file-selector-button{border:0;border-radius:6px;padding:8px 12px;margin-right:10px;background:var(--purple);color:var(--theme-accent-text,#fff);cursor:pointer}.photo-drop>label{cursor:pointer}.photo-drop:focus-within{outline:2px solid var(--purple);outline-offset:3px}
.saved-card .work-image{display:block;width:100%;height:230px;object-fit:contain;background:var(--soft);border-radius:8px;margin-bottom:14px}.saved-card .work-placeholder{display:grid;place-items:center;color:var(--muted);font-size:12px}.saved-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-card .work-link{display:inline-block;font-size:12px;color:var(--purple);margin-right:14px}.saved-card .work-label{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}