:root{--ink:#111412;--ink-soft:#242a26;--night:#080d0c;--paper:#f7f4ee;--surface:#fffdf8;--surface-2:#eee9df;--line:#11141224;--line-strong:#1114123d;--line-dark:#ffffff24;--muted:#6b6c66;--muted-dark:#b8bdb7;--green:#e60023;--green-strong:#b6001b;--green-action:#b6001b;--green-action-hover:#920016;--green-soft:#fde8ec;--steel:#6b7e86;--brass:#a7894e;--display:"Iowan Old Style", Georgia, "Times New Roman", serif;--body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--mono:SFMono-Regular, ui-monospace, "Liberation Mono", monospace;--radius:8px;--shadow:0 22px 70px #080d0c47;--section-y:clamp(56px, 4.5vw, 72px);--section-y-tight:clamp(48px, 4vw, 64px);--section-head-gap:20px;--gallery-gap:clamp(16px, 1.35vw, 20px);--topbar-height:72px;--anchor-offset:calc(var(--topbar-height) + 16px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset);background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--body);letter-spacing:0;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1260px,100% - 48px);margin:0 auto}.topbar{z-index:40;border-bottom:1px solid var(--line-dark);color:#fffdf8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d0cc7;align-items:center;height:72px;display:flex;position:fixed;inset:0 0 auto}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{font-family:var(--display);white-space:nowrap;align-items:center;gap:10px;font-size:23px;font-weight:700;line-height:1;display:inline-flex}.brand-icon{object-fit:contain;background:#fffdf8f0;border-radius:50%;width:34px;height:34px;display:block}.brand-wordmark{align-items:baseline;display:inline-flex}.brand-skin,.brand-initial{color:var(--green)}.nav{color:#fffdf8d1;justify-content:center;align-items:center;gap:24px;font-size:14px;display:flex}.nav a:hover{color:#fffdf8}.top-actions{align-items:center;gap:10px;display:flex}.top-actions .primary-link{min-width:138px}.credit-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.credit-balance-button{border-radius:var(--radius);color:#fffdf8;background:#ffffff0e;border:1px solid #ffffff38;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:14px;font-weight:800;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.credit-balance-button:hover{background:#ffffff18;border-color:#ffffff57;transform:translateY(-1px)}.header-assets-link,.header-user-email{border-radius:var(--radius);background:#ffffff0a;border:1px solid #fff3;justify-content:center;align-items:center;gap:7px;min-height:42px;display:inline-flex}.header-assets-link{color:#fffdf8e6;padding:0 13px;font-size:13px;font-weight:850;transition:background .16s,border-color .16s,transform .16s}.header-assets-link:hover{background:#ffffff17;border-color:#ffffff57;transform:translateY(-1px)}.header-action-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.header-user-email{color:#fffdf8db;text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:0 11px;font-size:13px;font-weight:700;overflow:hidden}.header-email-short{display:none}.header-logout-button{border-radius:var(--radius);color:#fffdf8db;background:#ffffff0a;border:1px solid #fff3;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.header-logout-button:hover{background:#ffffff17;border-color:#ffffff57;transform:translateY(-1px)}.ghost-link{border-radius:var(--radius);color:#fffdf8e0;background:#ffffff0a;border:1px solid #ffffff47;align-items:center;min-height:40px;padding:0 17px;font-size:14px;display:inline-flex}.primary-link,.primary-button{border-radius:var(--radius);color:#fffdf8;background:var(--green-action);border:0;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.primary-link:hover,.primary-button:hover{background:var(--green-action-hover);transform:translateY(-1px)}.hero{background:linear-gradient(90deg, #080d0cfc 0%, #080d0cf0 34%, #080d0c80 50%, #080d0c1f 68%, #080d0c08 100%), linear-gradient(180deg, #080d0c00 0%, #080d0c0a 52%, #080d0c47 74%, #080d0cfa 100%), url(/assets/skinfade-hero-v2.webp) right 0 top 92px / auto 39% no-repeat, var(--night);color:#fffdf8;min-height:1020px;padding:78px 0 76px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#080d0c00,#080d0c42 42%,#080d0cf0);height:360px;position:absolute;inset:auto 0 0}.hero-inner{z-index:2;grid-template-columns:minmax(0,1fr);align-items:start;gap:34px;min-height:auto;padding-top:24px;display:grid;position:relative}.hero-content{align-content:center;justify-items:start;max-width:min(1060px,68vw);min-height:500px;display:grid}.eyebrow{color:#ffeef1db;letter-spacing:0;text-transform:none;background:#e600230e;border:1px solid #e6002366;border-radius:999px;align-items:center;width:max-content;min-height:30px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}h1,h2,h3,p{margin:0}h1{max-width:min(1060px,100%);font-family:var(--display);letter-spacing:0;margin-top:20px;font-size:clamp(42px,4.15vw,68px);line-height:1.03}.hero-accent{color:var(--green)}.hero-copy{color:#fffdf8d1;max-width:min(840px,100%);margin-top:22px;font-size:clamp(16px,1.12vw,19px);line-height:1.62}.hero-points{flex-wrap:wrap;align-items:center;gap:16px 28px;width:min(1120px,100vw - 48px);margin-top:32px;display:flex}.hero-point{color:#fffdf8c7;align-items:center;gap:10px;font-size:16px;font-weight:650;display:inline-flex}.point-dot{width:46px;height:46px;color:inherit;box-shadow:none;background:0 0;border:0;flex:0 0 46px;place-items:center;display:grid}.point-dot img{object-fit:contain;width:46px;height:46px;display:block}.hero-browse-link{border-radius:var(--radius);color:#fffdf8;background:linear-gradient(180deg, #d60022 0%, var(--green-action) 100%);white-space:nowrap;border:1px solid #fffdf824;justify-content:center;align-items:center;gap:12px;min-width:232px;min-height:54px;padding:0 18px 0 24px;font-size:15px;font-weight:900;transition:border-color .16s,box-shadow .16s,filter .16s,transform .16s;display:inline-flex;box-shadow:0 18px 42px #e6002347,inset 0 1px #ffffff29,inset 0 -1px #080d0c2e}.hero-browse-link:after{content:"↓";color:#fffdf8;background:#080d0c38;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:grid}.hero-browse-link:hover{filter:brightness(1.08);border-color:#fffdf838;transform:translateY(-2px);box-shadow:0 22px 48px #e6002357,inset 0 1px #ffffff2e,inset 0 -1px #080d0c2e}.tool-card{width:100%;scroll-margin-top:var(--anchor-offset);color:#fffdf8;background:0 0;align-self:start;margin:-12px 0 0}#top,#gallery,#pricing{scroll-margin-top:var(--anchor-offset)}.tool-head{border-bottom:0;justify-content:space-between;align-items:flex-start;gap:18px;padding:0 0 18px;display:flex}.tool-title{font-family:var(--display);color:#fffdf8;font-size:29px;line-height:1.1}.tool-sub{color:#fffdf8ad;margin-top:8px;font-size:13px}.pro-pill,.reference-badge,.tag{min-height:22px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.pro-pill{color:#ffeef1d1;background:#e600230f;border:1px solid #e600234d}.tool-body{min-height:0;box-shadow:var(--shadow);background:linear-gradient(#0c1210f0,#060a09f7);border:1px solid #fffdf81f;border-radius:12px;grid-template-columns:minmax(600px,1.08fr) minmax(320px,.92fr);align-items:start;gap:34px;padding:22px;display:grid}.tool-inputs{box-shadow:none;background:0 0;border:0;border-radius:0;align-content:start;gap:16px;padding:0;display:grid}.tool-step{border-radius:var(--radius);background:0 0;border:0}.generate-row{margin-top:0}.tool-step-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px;padding:0;display:flex}.tool-step-title{color:#fffdf8;font-size:14px;font-weight:700}.tool-step-hint{color:#fffdf88f;font-size:12px}.privacy-note{color:#fffdf89e;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}.privacy-shield{fill:none;stroke:#ff4b61;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 15px;width:15px;height:15px}.upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;display:grid}.upload-slot{aspect-ratio:4/5;border-radius:var(--radius);color:#fffdf8a8;text-align:center;background:#ffffff05;border:1px dashed #ffffff42;place-items:center;min-height:0;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.upload-slot input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-slot:hover,.upload-slot:focus-within{background:#ff7a500e;border-color:#ff7a509e}.slot-inner{pointer-events:none;place-items:center;gap:8px;padding:12px;display:grid}.slot-guide{object-fit:contain;opacity:.92;filter:drop-shadow(0 6px 12px #00000038);width:36px;height:47px}.plus{font-size:26px;line-height:1}.slot-label{font-size:12px;line-height:1.25}.thumb{aspect-ratio:3/4;background-image:url(/assets/haircuts/low-skin-fade-waves-black-man-3-4.webp);background-position:50%;background-repeat:no-repeat;background-size:200% 200%;border-radius:7px;width:100%;height:100%;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-badge{z-index:3;color:#fffdf8;background:#080d0cd6;border:1px solid #ffffff3d;position:absolute;top:7px;left:7px}.remove-thumb{z-index:4;color:#fffdf8;background:#080d0cd1;border:1px solid #fff3;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 8px 18px #00000047}.remove-thumb:hover{background:#e60023eb;border-color:#ffffff57;transform:scale(1.04)}.remove-icon{width:11px;height:11px;display:block;position:relative}.remove-icon:before,.remove-icon:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:13px;height:2px;position:absolute;top:50%;left:50%}.remove-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.remove-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.choice-row,.size-row{gap:9px;padding:14px 16px 16px;display:grid}.choice-row{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-control-grid{grid-template-columns:1fr;gap:12px;padding:0;display:grid}.compact-control-grid .choice-row{padding:0}.fade-control-row{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;display:grid}.fade-control-label{color:#fffdf8;white-space:nowrap;font-size:14px;font-weight:650}.output-control-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}.custom-select{color:#fffdf8;grid-template-columns:82px minmax(104px,1fr);align-items:center;gap:10px;display:grid;position:relative}.custom-select-label{color:#fffdf8;white-space:nowrap;font-size:14px;font-weight:650}.custom-select-button{border-radius:var(--radius);color:#fffdf8;background:#ffffff0b;border:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.custom-select-button:after{content:"";border-bottom:1.5px solid #fffdf8c2;border-right:1.5px solid #fffdf8c2;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.custom-select.open .custom-select-button:after{transform:rotate(225deg)translate(-2px,-1px)}.custom-select-menu{z-index:10;background:#0d1211fa;border:1px solid #ffffff2e;border-radius:12px;width:min(156px,100%);display:none;position:absolute;top:calc(100% + 7px);right:0;overflow:hidden;box-shadow:0 18px 44px #00000052}.custom-select.open .custom-select-menu{display:grid}.custom-option{color:#fffdf8c7;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:40px;padding:0 13px;font-size:14px;font-weight:750;display:flex}.custom-option:last-child{border-bottom:0}.custom-option[aria-selected=true]{color:#fffdf8;background:#e6002333}.custom-option[aria-selected=true]:after{content:"";border-bottom:2px solid #fffdf8;border-right:2px solid #fffdf8;width:8px;height:12px;transform:rotate(45deg)}.choice-button,.size-button,.secondary-button{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--ink);background:var(--surface);font-weight:700;transition:border-color .16s,background .16s,color .16s,transform .16s}.choice-button,.size-button{color:#fffdf8d1;white-space:nowrap;background:#ffffff0a;border-color:#ffffff21;padding:0 12px;font-size:13px;font-weight:700}.choice-button.active,.size-button.active{color:#fffdf8;background:var(--green-action);border-color:var(--green-action-hover)}.prompt-wrap{padding:0}.prompt-wrap textarea{resize:vertical;color:#fffdf8;border-radius:var(--radius);background:#ffffff09;border:1px solid #ffffff1f;outline:none;width:100%;min-height:58px;padding:12px 12px 28px;display:block}.prompt-wrap textarea:focus{border-color:#ff4b6194;box-shadow:0 0 0 3px #e6002329}.prompt-wrap textarea.prompt-flash{animation:.46s ease-out 3 promptFlash}@keyframes promptFlash{0%,to{box-shadow:none;background:#ffffff09;border-color:#ffffff1f}48%{background:#e6002317;border-color:#ff4b61f5;box-shadow:0 0 0 3px #e6002338,0 0 28px #e6002347}}.prompt-wrap textarea::placeholder{color:#fffdf86b}.char-count{color:#fffdf86b;font-family:var(--mono);text-align:right;pointer-events:none;margin-top:-26px;padding-right:12px;font-size:10px;display:block}.generate-row{gap:12px;margin-top:12px;display:grid}.primary-button{width:100%;min-height:48px;font-size:16px}#generateButton{gap:12px;position:relative}.button-credit-cost{color:#fffdf8e6;align-items:center;gap:5px;font-size:14px;font-weight:850;display:inline-flex;position:absolute;right:18px}.button-credit-cost .credit-icon{width:17px;height:17px}.preview-panel{height:var(--preview-panel-height,auto);border-radius:var(--radius);background:radial-gradient(circle at 18% 0,#e600231f,#0000 32%),#ffffff06;border:1px solid #fffdf81f;grid-template-rows:auto 1fr;align-self:start;gap:14px;min-height:0;padding:16px;display:grid;overflow:hidden}.preview-panel.generated{--generated-image-max:100%;height:var(--preview-panel-height,auto);grid-template-rows:auto minmax(0,1fr);align-self:start;min-height:0;max-height:none;overflow:hidden}.preview-panel.single-preview-panel{grid-template-rows:auto minmax(0,1fr)}.preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-title{color:#fffdf8;font-size:14px;font-weight:700}.preview-meta{color:#fffdf88a;font-size:12px}.preview-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:10px;height:100%;min-height:0;display:grid}.preview-grid.reference-selected{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid.single-preview{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.preview-card{border-radius:var(--radius);background:#ffffff0f;min-height:0;margin:0;position:relative;overflow:hidden}.preview-card.large{grid-area:span 2/span 2}.preview-card.tall{grid-row:span 2}.preview-grid.reference-selected .preview-card.large{grid-area:auto}.preview-card.composite{background:linear-gradient(#fffdf80f,#fffdf805),#080d0c8c;place-items:center;display:grid}.preview-card img{object-fit:cover;object-position:center 58%;width:100%;height:100%;display:block}.preview-card.composite img{object-fit:cover;object-position:center}.preview-card span{color:#fffdf8;background:#080d0cc2;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.generated-grid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;align-self:stretch;gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.generated-grid.is-loading{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;place-items:stretch stretch}.generated-card{border-radius:var(--radius);background:linear-gradient(#fffdf80e,#fffdf805),#080d0c7a;border:1px solid #fffdf81a;grid-area:1/1/auto/-1;align-self:stretch;height:auto;min-height:0;max-height:100%;margin:0;position:relative;overflow:hidden}.generated-card:hover .generated-actions,.generated-card:focus-within .generated-actions{opacity:1;transform:translateY(0)}.generated-image-open{width:100%;height:100%;min-height:0;color:inherit;appearance:none;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.generated-image-open:focus-visible{outline-offset:-3px;outline:3px solid #e600236b}.generated-card img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:absolute;inset:0}.generated-note{border-radius:var(--radius);color:#fffdf8bd;background:#e6002314;border:1px solid #e6002338;align-self:end;max-height:72px;padding:14px;font-size:13px;overflow:auto}.generated-actions{z-index:3;opacity:.94;flex-wrap:wrap;justify-content:flex-end;gap:8px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-2px)}.generated-action{border-radius:var(--radius);color:#fffdf8;background:#080d0cc2;border:1px solid #fffdf829;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;line-height:1;transition:border-color .16s,background .16s,transform .16s;display:inline-flex;box-shadow:0 10px 26px #00000042}.generated-action:hover{background:#080d0ce6;border-color:#fffdf84d;transform:translateY(-1px)}.generated-action.danger{color:#ffeef1;border-color:var(--green-action-hover);background:var(--green-action)}.generated-action.danger:hover{background:var(--green-action-hover);border-color:#fffdf847}.generated-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:0 0 15px;width:15px;height:15px}.generated-thumbs{scrollbar-width:thin;grid-area:2/1;gap:8px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.generated-thumb{border-radius:var(--radius);opacity:.72;background:#ffffff0b;border:1px solid #fffdf829;flex:0 0 54px;width:54px;height:54px;padding:0;transition:border-color .16s,opacity .16s,transform .16s;overflow:hidden}.generated-thumb:hover,.generated-thumb.active{opacity:1;border-color:#fffdf894}.generated-thumb.active{box-shadow:0 0 0 2px #e6002357}.generated-thumb img{object-fit:cover;object-position:center 58%;width:100%;height:100%;display:block}.generated-gallery-link{border-radius:var(--radius);color:#fffdf8;white-space:nowrap;background:#ffffff0e;border:1px solid #fffdf82e;grid-area:2/2;justify-content:center;place-self:center end;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:850;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.generated-gallery-link:hover{background:#ffffff1a;border-color:#fffdf852;transform:translateY(-1px)}.generated-grid.is-loading .generated-note{text-align:center;align-self:stretch;place-items:center;max-height:none;display:grid}.hero-strip{z-index:1;background:0 0;padding:0;position:relative}.flow-section{padding:var(--section-y-tight) 0;background:var(--paper)}.flow-head{text-align:center;justify-items:center;gap:8px;margin-bottom:24px;display:grid}.strip-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.strip-item{border:1px solid var(--line);background:#fffdf8b8;border-radius:14px;align-content:center;gap:8px;min-height:104px;padding:20px 24px;display:grid}.strip-kicker{color:var(--green-strong);font-family:var(--mono);letter-spacing:.1em;font-size:11px;font-weight:800}.strip-title{color:var(--ink);font-size:16px;font-weight:800}.strip-copy{color:var(--muted);font-size:13px}.section{padding:var(--section-y) 0;background:var(--paper)}.section,.flow-section,.footer{content-visibility:auto;contain-intrinsic-size:auto 900px}.section+.section{border-top:1px solid var(--line)}.section-head{gap:var(--section-head-gap);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;margin-bottom:28px;display:grid}.section-kicker{color:var(--green-strong);font-family:var(--mono);letter-spacing:.04em;margin-bottom:10px;font-size:11px;font-weight:800}h2{font-family:var(--display);letter-spacing:0;font-size:clamp(34px,3.3vw,52px);line-height:1.08}.count-accent{color:var(--green-strong);font-family:var(--body);vertical-align:baseline;margin-right:.16em;font-size:1.08em;font-weight:900;line-height:.92;display:inline-block}.section-copy{width:100%;max-width:none;color:var(--muted);text-align:center;margin:10px auto 0;font-size:16px}.gallery-grid{grid-template-columns:repeat(var(--gallery-column-count,4), minmax(0, 1fr));gap:var(--gallery-gap);align-items:start;display:grid}.gallery-column{gap:var(--gallery-gap);flex-direction:column;min-width:0;display:flex}.style-card{break-inside:avoid;background:0 0;border:0;border-radius:0;margin-bottom:0;position:relative;overflow:visible}.style-card.featured{grid-area:auto}.style-photo{width:100%;aspect-ratio:var(--gallery-photo-ratio,3 / 4);appearance:none;cursor:pointer;-webkit-touch-callout:none;border:0;border-radius:24px;height:auto;min-height:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 1px #1114120a}.style-photo img{z-index:0;object-fit:contain;object-position:center;border-radius:inherit;width:100%;max-width:100%;height:100%;display:block;position:relative}.style-photo:before{content:"";z-index:1;opacity:0;background:linear-gradient(#080d0c05,#080d0c6b);transition:opacity .18s;position:absolute;inset:0}.style-card.wall-wide{grid-column:auto}.secondary-button{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:40px;color:var(--ink);background:var(--surface);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.secondary-button:hover{border-color:var(--green);color:var(--green-strong);transform:translateY(-1px)}.try-overlay{z-index:2;border-radius:var(--radius);min-height:42px;color:var(--ink);opacity:0;pointer-events:none;background:#fffdf8f0;border:1px solid #ffffff8a;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:16px;left:16px;right:16px;transform:translateY(10px)}.save-overlay{z-index:3;border-radius:var(--radius);min-width:58px;height:34px;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;background:#fffdf8f0;border:1px solid #ffffff7a;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:800;line-height:1;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;top:14px;right:14px;transform:translateY(-6px)}.style-card:hover .style-photo:before,.style-card:focus-within .style-photo:before,.style-card:hover .try-overlay,.style-card:focus-within .try-overlay,.style-card:hover .save-overlay,.style-card:focus-within .save-overlay{opacity:1}.style-card:hover .try-overlay,.style-card:focus-within .try-overlay,.style-card:hover .save-overlay,.style-card:focus-within .save-overlay{pointer-events:auto;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.style-card:hover .try-overlay,.style-card:hover .save-overlay{transition-delay:.26s}.style-card:focus-within .try-overlay,.style-card:focus-within .save-overlay{transition-delay:0s}}.gallery-more{justify-content:center;margin-top:24px;display:flex}.gallery-more .secondary-button{width:auto;min-width:260px}.gallery-custom{margin-top:clamp(28px,3vw,42px)}.gallery-custom .custom-haircut-button{color:#fffdf8;background:var(--green-action);border-color:var(--green-action);width:auto;min-width:min(100%,420px);min-height:48px;padding:0 22px;line-height:1.25;box-shadow:0 18px 36px #b6001b2e}.custom-haircut-button .button-arrow{flex:0 0 18px;width:18px;height:12px;transition:transform .16s;display:inline-block;position:relative}.custom-haircut-button .button-arrow:before,.custom-haircut-button .button-arrow:after{content:"";background:currentColor;display:block;position:absolute;top:50%;right:0}.custom-haircut-button .button-arrow:before{border-radius:999px;height:2px;left:0;transform:translateY(-50%)}.custom-haircut-button .button-arrow:after{background:0 0;border-top:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(-50%)rotate(45deg)}.gallery-custom .custom-haircut-button:hover{color:#fffdf8;background:var(--green-action-hover);border-color:var(--green-action-hover)}.gallery-custom .custom-haircut-button:hover .button-arrow{transform:translate(3px)}.gallery-action-backdrop{z-index:1000;background:#080d0c6b;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.gallery-action-sheet{border-radius:18px 18px var(--radius) var(--radius);color:#fffdf8;background:#080d0cf5;border:1px solid #fffdf829;gap:14px;width:min(100%,420px);padding:16px;display:grid;box-shadow:0 28px 80px #0000006b}.gallery-action-copy{gap:3px;display:grid}.gallery-action-copy strong{font-size:15px;line-height:1.25}.gallery-action-copy span{color:#fffdf8a8;font-size:12px;line-height:1.4}.gallery-sheet-save{border:1px solid var(--green-action-hover);border-radius:var(--radius);color:#fffdf8;background:var(--green-action);justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:850;display:inline-flex}.compare-table-wrap{border:1px solid var(--line);background:#fffdf8ad;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:20px 24px}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}th{color:var(--ink);background:#080d0c14;font-size:14px;font-weight:800}td{color:var(--muted);font-size:15px}td strong{color:var(--ink)}.column-highlight{background:#e600230f}.compact-guide{padding-top:var(--section-y-tight)}.compact-guide .section-head{margin-bottom:24px}.guide-disclosures{border-top:1px solid var(--line);width:min(1080px,100%);margin:0 auto;display:grid}.guide-disclosure{border-bottom:1px solid var(--line);background:0 0}.guide-disclosure summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:18px 0;list-style:none;display:grid}.guide-disclosure summary::-webkit-details-marker{display:none}.guide-disclosure summary:after{content:"+";border:1px solid var(--line);width:32px;height:32px;color:var(--green-strong);background:#fffdf8ad;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:inline-grid}.guide-disclosure[open] summary:after{content:"-"}.guide-disclosure summary:focus-visible{outline-offset:3px;outline:3px solid #e6002338}.guide-summary-title{color:var(--ink);font-size:17px;font-weight:850;display:block}.guide-summary-meta{color:var(--muted);margin-top:5px;font-size:14px;display:block}.guide-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 0 24px;display:grid}.guide-content article{border-top:1px solid var(--line);padding-top:17px}.guide-content h3{color:var(--ink);margin:0 0 8px;font-size:16px;line-height:1.25}.guide-content p{color:var(--muted);font-size:14px}.guide-comparison{gap:10px;padding:0 0 24px;display:grid}.mini-compare-row{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:.78fr 1fr;gap:16px;padding:14px 0;font-size:14px;display:grid}.mini-compare-row strong{color:var(--ink);font-size:15px}.faq-list{border-top:1px solid var(--line);display:grid}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;min-height:66px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:800;display:flex}.faq-icon{font-size:22px;line-height:1}.faq-answer{max-width:none;color:var(--muted);padding:0 0 24px;font-size:16px;display:none}.faq-item.open .faq-answer{display:block}.pricing-section{padding-top:var(--section-y);padding-bottom:var(--section-y);position:relative;overflow:hidden}.pricing-container{gap:28px;display:grid}.pricing-head{margin-bottom:0}.pricing-switcher{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8c2;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;width:min(640px,100%);display:grid;overflow:hidden}.pricing-switcher button{border:0;border-right:1px solid var(--line);min-height:62px;color:var(--ink);background:0 0;align-content:center;font-size:15px;font-weight:850;display:grid}.pricing-switcher button:last-child{border-right:0}.pricing-switcher button.active{color:#fffdf8;background:var(--green-action)}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.pricing-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8cc;flex-direction:column;gap:18px;min-height:520px;padding:22px;display:flex}.pricing-card.free-card{background:linear-gradient(#080d0c0a,#080d0c00),#fffdf8c7}.pricing-card.paid-card{box-shadow:0 14px 42px #080d0c0f}.pricing-card-top{justify-content:space-between;align-items:flex-start;gap:12px;min-height:28px;display:flex}.pricing-plan-name{color:var(--ink);font-size:20px;font-weight:900}.pricing-plan-badge{min-height:24px;color:var(--green-strong);background:var(--green-soft);white-space:nowrap;border:1px solid #e6002342;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.pricing-price-row{align-items:baseline;gap:8px;display:flex}.pricing-price{color:var(--ink);font-family:var(--display);font-size:46px;font-weight:800;line-height:1}.pricing-suffix{color:var(--muted);font-size:14px;font-weight:800}.pricing-credit-line{min-height:24px;color:var(--green-strong);align-items:center;gap:6px;font-size:14px;font-weight:850;display:flex}.pricing-feature-list{color:var(--muted);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.pricing-feature-list li{padding-left:17px;position:relative}.pricing-feature-list li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0;transform:translateY(-50%)}.pricing-card-button{width:100%;margin-top:auto}.pricing-checkout-status{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:13px;font-weight:750}.policy-section{background:var(--surface)}.legal-page{min-height:100vh;padding-top:var(--topbar-height);background:var(--surface)}.legal-section{min-height:calc(100vh - var(--topbar-height));background:linear-gradient(180deg, #e6002309, #f7f4ee00 34%), var(--surface)}.legal-shell{max-width:920px}.legal-head{justify-items:start;gap:14px;margin-bottom:24px;display:grid}.legal-head h1{color:var(--ink);font-family:var(--display);margin-top:0;font-size:clamp(42px,4.4vw,68px);line-height:1.04}.legal-head p{max-width:820px;color:var(--muted);font-size:17px;line-height:1.65}.legal-head .legal-updated{color:var(--green-strong);font-family:var(--mono);font-size:12px;font-weight:800;line-height:1.4}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.policy-card{scroll-margin-top:var(--anchor-offset);border:1px solid var(--line);border-radius:var(--radius);background:#f7f4ee94;min-height:100%;padding:24px}.legal-card{background:#fffdf8cc;gap:0;padding:clamp(22px,3vw,34px);display:grid}.legal-content-section{border-top:1px solid var(--line);gap:12px;padding:24px 0;display:grid}.legal-content-section:first-child{border-top:0;padding-top:0}.legal-content-section:last-child{padding-bottom:0}.legal-content-section h2{color:var(--ink);font-family:var(--body);font-size:20px;font-weight:850;line-height:1.22}.legal-content-section p{color:var(--muted);margin-top:0;font-size:15px;line-height:1.7}.policy-label{min-height:26px;color:var(--green-strong);font-family:var(--mono);letter-spacing:.04em;background:#e600230e;border:1px solid #e6002333;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.policy-card h3{color:var(--ink);margin-top:16px;font-size:22px;line-height:1.16}.policy-card p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.64}.policy-mail{color:var(--green-strong);text-underline-offset:3px;font-weight:850;text-decoration:underline;text-decoration-thickness:1px}.policy-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.policy-list li{color:var(--ink-soft);padding-left:18px;font-size:13px;line-height:1.55;position:relative}.policy-list li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:.78em;left:0;transform:translateY(-50%)}.legal-list{gap:14px;margin-top:4px}.legal-list li{font-size:15px}.policy-fineprint{max-width:860px;color:var(--muted);text-align:center;margin:22px auto 0;font-size:13px;line-height:1.6}.login-modal-backdrop{z-index:950;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050707c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.login-shell{justify-items:center;gap:22px;width:min(420px,100%);display:grid}.login-brand{color:#f8f5ee;font-family:var(--display);filter:drop-shadow(0 14px 26px #00000052);align-items:center;gap:10px;font-size:34px;font-weight:800;line-height:1;display:inline-flex}.login-brand .brand-icon{width:40px;height:40px}.login-modal{color:#f8f5ee;background:#17181b;border:1px solid #f8f5ee1a;border-radius:20px;gap:10px;width:100%;padding:32px;display:grid;position:relative;box-shadow:0 30px 76px #00000080,inset 0 1px #f8f5ee0d}.login-modal-close{color:#f8f5ee6b;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:0;font-weight:800;line-height:1;transition:color .16s,background .16s,transform .16s;display:grid;position:absolute;top:16px;right:16px}.login-modal-close:hover{color:#f8f5eebd;background:#f8f5ee0f;transform:scale(1.03)}.login-modal-close:before,.login-modal-close:after{content:"";background:currentColor;border-radius:999px;width:14px;height:1.75px;position:absolute}.login-modal-close:before{transform:rotate(45deg)}.login-modal-close:after{transform:rotate(-45deg)}.login-modal-close span{display:none}.login-modal-title{color:#f8f5ee;font-family:var(--body);text-align:center;padding-right:0;font-size:24px;font-weight:720;line-height:1.2}.login-modal-subtitle{color:#f8f5ee8a;text-align:center;overflow-wrap:normal;text-wrap:normal;width:100%;margin:0 auto;font-size:13px;font-weight:430;line-height:1.48}.login-modal-actions{gap:12px;margin-top:14px;display:grid}.scroll-cta-backdrop{z-index:940;background:#050707b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scroll-cta-modal{background:#f8f4ed;border-radius:18px;width:min(448px,100vw - 36px);max-height:calc(100vh - 36px);animation:.18s ease-out scrollCtaIn;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000070,0 0 0 1px #fffdf829}.scroll-cta-link{color:inherit;background:#f8f4ed;display:block}.scroll-cta-link img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 36px);display:block}.scroll-cta-close{z-index:2;color:#fffdf8;background:#111412d1;border:1px solid #fffdf82e;border-radius:999px;place-items:center;width:30px;height:30px;font-size:0;transition:background .16s,transform .16s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 12px 28px #11141238}.scroll-cta-close:hover{background:#b6001beb;transform:scale(1.04)}.scroll-cta-close:focus-visible,.scroll-cta-link:focus-visible{outline-offset:4px;outline:3px solid #b6001b61}.scroll-cta-close:before,.scroll-cta-close:after{content:"";background:currentColor;border-radius:999px;width:13px;height:2px;position:absolute}.scroll-cta-close:before{transform:rotate(45deg)}.scroll-cta-close:after{transform:rotate(-45deg)}.scroll-cta-close span{display:none}@keyframes scrollCtaIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.google-auth-button{color:#17181b;letter-spacing:0;background:#f8f7f3;border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 20px;font-size:15.5px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #f8f5ee8c}.google-auth-button:hover{background:#fffdf8;transform:translateY(-1px);box-shadow:inset 0 1px #f8f5eeb8,0 12px 28px #0000002e}.google-auth-button:focus-visible{outline-offset:4px;outline:3px solid #ffffff61}.google-auth-icon{flex:none;width:21px;height:21px;display:block}.login-status{color:#fffdf894;text-align:center;background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:700;line-height:1.45}.image-modal-backdrop{z-index:1000;cursor:zoom-out;background:#050807;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.image-modal-image{object-fit:contain;border-radius:var(--radius);cursor:default;width:auto;max-width:calc(100dvw - 36px);height:auto;max-height:calc(100dvh - 36px);display:block;box-shadow:0 28px 80px #00000061}.generated-gallery-page{color:#fffdf8;background:linear-gradient(180deg, #080d0cfa, #080d0cf2), var(--night);min-height:100vh;padding:112px 0 72px}.generated-gallery-shell{gap:28px;display:grid}.generated-gallery-head{align-items:center;gap:18px;max-width:none;display:flex}.generated-gallery-head h1{margin-top:0;font-size:clamp(24px,2.55vw,39px);line-height:1.04}.generated-gallery-back{border-radius:var(--radius);color:#fffdf8d1;background:#ffffff0a;border:1px solid #fffdf82e;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.generated-gallery-back:hover{color:#fffdf8;background:#ffffff14;border-color:#fffdf852;transform:translate(-1px)}.generated-gallery-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:22px;height:22px}.generated-gallery-grid{gap:var(--gallery-gap);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.generated-gallery-item{border-radius:var(--radius);background:#ffffff09;border:1px solid #fffdf81f;position:relative;overflow:hidden}.generated-gallery-photo{width:100%;color:inherit;appearance:none;background:0 0;border:0;padding:0;display:block}.generated-gallery-photo:focus-visible{outline-offset:-3px;outline:3px solid #e600236b}.generated-gallery-photo img{width:100%;height:auto;display:block}.generated-gallery-item-actions{z-index:2;opacity:0;flex-wrap:wrap;justify-content:flex-end;gap:8px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-3px)}.generated-gallery-item:hover .generated-gallery-item-actions,.generated-gallery-item:focus-within .generated-gallery-item-actions{opacity:1;transform:translateY(0)}.generated-gallery-item-meta{padding:12px}.generated-gallery-item-meta time{color:#fffdf899;font-size:14px;font-weight:700}.generated-gallery-empty{border-radius:var(--radius);color:#fffdf8b8;text-align:center;background:#ffffff06;border:1px dashed #fffdf82e;place-items:center;gap:16px;min-height:320px;display:grid}.pricing-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d0cbd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pricing-modal{border-radius:var(--radius);width:min(1780px,100%);max-height:calc(100vh - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border:1px solid #fff3;gap:20px;padding:28px 36px;display:grid;position:relative;overflow:auto}.pricing-modal-title-block{margin-bottom:0}.pricing-modal-title-block h2{font-size:clamp(30px,2.7vw,44px);line-height:1.02}.pricing-modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:#fffdf8d1;border-radius:50%;place-items:center;font-size:0;font-weight:800;line-height:1;display:grid;position:absolute;top:14px;right:14px}.pricing-modal-close span{color:currentColor;margin-top:-1px;font-size:24px;font-weight:500;line-height:1;display:block}.pricing-modal .pricing-switcher{justify-self:center;width:min(600px,100%)}.pricing-modal .pricing-switcher button{min-height:50px}.pricing-modal .pricing-card{background:#fffdf8db;gap:12px;min-height:430px;padding:18px 20px}.pricing-modal .pricing-plan-name{font-size:18px}.pricing-modal .pricing-plan-badge{min-height:22px;padding:0 8px;font-size:10px}.pricing-modal .pricing-price{font-size:38px}.pricing-modal .pricing-credit-line{min-height:20px;font-size:13px}.pricing-modal .pricing-feature-list{gap:7px;font-size:13px}.pricing-modal .pricing-card-button{min-height:40px;font-size:14px}.payment-modal{border-radius:var(--radius);width:min(520px,100%);max-height:calc(100vh - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border:1px solid #fff3;gap:18px;padding:30px;display:grid;position:relative;overflow:auto}.payment-modal-head{gap:8px;padding-right:42px;display:grid}.payment-modal-title{color:var(--ink);font-family:var(--display);font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1}.payment-modal-copy{color:var(--muted);font-size:15px;font-weight:700}.payment-summary{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8c7;gap:0;display:grid;overflow:hidden}.payment-summary-row{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:14px;font-weight:750;display:flex}.payment-summary-row:last-child{border-bottom:0}.payment-summary-row strong{color:var(--ink);text-align:right;font-weight:900}.payment-primary{width:100%;min-height:52px}.payment-status{color:var(--muted);text-align:center;margin:-4px 0 0;font-size:13px;font-weight:700}.footer{color:#fffdf8b8;background:var(--night);padding:58px 0 38px}.footer-grid{grid-template-columns:1.3fr repeat(3,minmax(0,.7fr));gap:42px;display:grid}.footer .brand{color:#fffdf8;align-items:center;display:inline-flex}.footer-copy{max-width:280px;margin-top:16px;font-size:14px}.footer-badges{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.footer a.footer-badge{justify-content:center;align-items:center;width:175px;height:55px;margin-top:0;display:inline-flex}.footer-badge img{object-fit:contain;width:175px;height:55px;display:block}.footer-title{color:#fffdf8;margin-bottom:14px;font-size:14px;font-weight:800}.footer a{color:#fffdf89e;margin-top:9px;font-size:14px;display:block}.blog-index-page,.blog-article-page{background:var(--paper)}.blog-index-hero{padding:calc(var(--topbar-height) + 58px) 0 58px;background:linear-gradient(180deg, #080d0cf5, #080d0ce6), var(--night);color:#fffdf8}.blog-index-hero-inner{grid-template-columns:minmax(0,.95fr) minmax(320px,.56fr);align-items:center;gap:48px;display:grid}.blog-index-copy{max-width:760px}.blog-label,.blog-back-link{width:max-content;color:var(--green);font-size:13px;font-weight:850;display:inline-flex}.blog-index-copy h1{max-width:780px;font-family:var(--display);margin-top:18px;font-size:54px;line-height:1.04}.blog-index-copy p:last-child{color:#fffdf8b8;max-width:66ch;margin-top:18px;font-size:18px;line-height:1.65}.blog-feature-link{border-radius:var(--radius);background:#fffdf80f;border:1px solid #fffdf829;justify-self:end;gap:16px;max-width:420px;padding:14px;transition:transform .16s,border-color .16s,background .16s;display:grid}.blog-feature-link:hover{background:#fffdf817;border-color:#fffdf852;transform:translateY(-2px)}.blog-feature-meta,.blog-keyword-row{flex-wrap:wrap;gap:8px;display:flex}.blog-feature-meta span,.blog-keyword-row span,.blog-list-priority{border-radius:999px;align-items:center;min-height:26px;font-size:12px;font-weight:850;display:inline-flex}.blog-feature-meta span,.blog-keyword-row span{color:#ffd7de;background:#e6002314;border:1px solid #e600233d;padding:0 10px}.blog-feature-link img{aspect-ratio:4/3;border-radius:calc(var(--radius) - 2px);object-fit:cover;background:#fffdf81a;width:100%;display:block}.blog-feature-title{color:#fffdf8;font-size:24px;font-weight:900;line-height:1.18}.blog-feature-summary{color:#fffdf8ad;font-size:14px;line-height:1.55}.blog-list-section{padding:calc(var(--topbar-height) + 58px) 0 92px;background:var(--paper)}.blog-list-shell{gap:34px;width:min(860px,100% - 48px);margin:0 auto;display:grid}.blog-list-head{max-width:720px}.blog-list-head .blog-label{color:var(--green-action)}.blog-list-head h1{max-width:680px;margin-top:12px;font-size:42px;line-height:1.08}.blog-list-head p:last-child{color:var(--muted);margin-top:12px;font-size:17px;line-height:1.65}.blog-post-list{gap:24px;display:grid}.blog-list-item a{border-radius:var(--radius);background:var(--surface);border:1px solid #1114121a;gap:18px;min-height:210px;padding:30px 34px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 12px 34px #1114120f}.blog-list-item a:hover{border-color:#b6001b33;transform:translateY(-2px);box-shadow:0 18px 48px #11141217}.blog-list-meta{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:14px;font-weight:650;line-height:1.3;display:flex}.blog-list-title{color:var(--ink);font-size:30px;font-weight:900;line-height:1.16}.blog-list-excerpt{color:var(--muted);font-size:17px;line-height:1.65}.blog-list-read{color:var(--green-action);font-size:15px;font-weight:850;line-height:1.3}.blog-list-read:after{content:" ->"}.blog-article-hero{padding:calc(var(--topbar-height) + 50px) 0 46px;background:var(--night);color:#fffdf8}.blog-article-hero-inner{grid-template-columns:minmax(0,1fr);justify-content:center;align-items:start;width:min(960px,100% - 48px);margin:0 auto;display:grid}.blog-article-intro{width:100%;max-width:none}.blog-back-link{color:#fffdf8bd;margin-bottom:18px}.blog-article-intro h1{max-width:900px;margin-top:0;font-size:46px;line-height:1.06}.blog-article-deck{color:#fffdf8b8;max-width:72ch;margin-top:18px;font-size:17px;line-height:1.65}.blog-article-intro .blog-keyword-row{margin-top:24px}.blog-hero-figure{justify-self:end;gap:12px;width:min(100%,380px);margin:0;display:grid}.blog-hero-figure img{border-radius:var(--radius);object-fit:cover;object-position:center 42%;background:#fffdf814;width:100%;height:420px;display:block}.blog-hero-figure figcaption{color:#fffdf88f;font-size:13px;line-height:1.45}.blog-article-layout{width:min(960px,100% - 48px);padding-top:46px;padding-bottom:90px;display:block}.blog-toc{top:calc(var(--topbar-height) + 24px);gap:13px;padding-top:4px;display:grid;position:sticky}.blog-toc p{color:var(--ink);font-size:13px;font-weight:900}.blog-toc nav{gap:10px;display:grid}.blog-toc a{color:var(--muted);font-size:13px;font-weight:750;line-height:1.35}.blog-toc a:hover{color:var(--green-action)}.blog-article-main{gap:42px;width:100%;min-width:0;max-width:none;display:grid}.blog-summary-box,.blog-callout,.blog-script-box,.blog-inline-cta,.blog-final-cta{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.blog-summary-box{width:100%;padding:24px}.blog-summary-box h2,.blog-sources h2{font-size:20px;line-height:1.2}.blog-summary-box ul,.blog-bullet-list,.blog-sources ul{margin:14px 0 0;padding-left:20px}.blog-summary-box li,.blog-bullet-list li,.blog-sources li{color:var(--muted);margin-top:9px;line-height:1.65}.blog-reference-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.blog-reference-strip figure{margin:0}.blog-reference-strip img{aspect-ratio:4/5;border-radius:var(--radius);object-fit:cover;background:var(--surface-2);width:100%;display:block}.blog-content-section{scroll-margin-top:var(--anchor-offset);gap:18px;display:grid}.blog-content-section h2{font-size:30px;line-height:1.12}.blog-content-section h3{font-size:18px;line-height:1.2}.blog-content-section p{width:100%;max-width:none;color:var(--ink-soft);font-size:17px;line-height:1.78}.blog-callout,.blog-script-box{width:100%;padding:20px}.blog-callout strong,.blog-script-box span,.blog-inline-cta strong{color:var(--ink);font-weight:900}.blog-callout p,.blog-script-box p,.blog-inline-cta p,.blog-final-cta p{margin-top:8px;font-size:15px;line-height:1.65}.blog-content-image{gap:10px;margin:4px 0 0;display:grid}.blog-content-image img{border-radius:var(--radius);background:var(--surface-2);width:100%;height:auto;display:block}.blog-content-image figcaption{color:var(--muted);font-size:14px;line-height:1.55}.blog-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.blog-table-wrap table{border-collapse:collapse;width:100%;min-width:640px}.blog-table-wrap th,.blog-table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px;font-size:14px;line-height:1.45}.blog-table-wrap th{color:var(--ink);background:#e600230f;font-weight:900}.blog-table-wrap td{color:var(--muted)}.blog-table-wrap tr:last-child td{border-bottom:0}.blog-style-list,.blog-step-list{gap:12px;display:grid}.blog-style-list section,.blog-step-list li{border-top:1px solid var(--line);padding:18px 0}.blog-style-list section:last-child,.blog-step-list li:last-child{border-bottom:1px solid var(--line)}.blog-style-list p{margin-top:7px;font-size:15px;line-height:1.65}.blog-step-list{counter-reset:blog-steps;margin:0;padding:0;list-style:none}.blog-step-list li{counter-increment:blog-steps;grid-template-columns:46px minmax(0,1fr);gap:4px 14px;display:grid}.blog-step-list li:before{content:counter(blog-steps);color:#fffdf8;background:var(--green-action);border-radius:999px;grid-area:1/1/span 2;align-self:start;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid}.blog-step-list strong{grid-column:2;font-weight:900;display:block}.blog-step-list span{color:var(--muted);grid-column:2;line-height:1.6;display:block}.blog-script-box{background:#1114120a}.blog-inline-cta,.blog-final-cta{width:100%;display:block}.blog-image-cta-wrap{background:0 0;border:0}.blog-image-cta.blog-cta-button{border-radius:var(--radius);width:100%;min-width:0;min-height:0;color:inherit;box-shadow:none;white-space:normal;background:0 0;border:0;margin:0;padding:0;transition:transform .16s,filter .16s;display:block;overflow:hidden}.blog-image-cta.blog-cta-button:hover{filter:saturate(1.03);transform:translateY(-2px)}.blog-image-cta.blog-cta-button:focus-visible{outline-offset:4px;outline:3px solid #b6001b57}.blog-image-cta img{border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.blog-faq-list{border-top:1px solid var(--line);display:grid}.blog-faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.blog-faq-list summary{cursor:pointer;color:var(--ink);font-size:17px;font-weight:900}.blog-faq-list p{margin-top:10px;font-size:15px;line-height:1.7}.blog-sources{gap:2px;padding-top:6px;display:grid}.blog-sources a{color:var(--green-action);text-underline-offset:3px;font-weight:750;text-decoration:underline}@media (max-width:1060px){.nav{display:none}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-bottom:52px}.hero-content{max-width:100%;min-height:auto}.tool-card{max-width:none;margin-top:0}.tool-body{grid-template-columns:1fr;padding:18px}.tool-body .tool-step:first-child{grid-row:auto}.preview-panel{height:auto;min-height:0}.preview-panel.generated{height:auto;max-height:none}.preview-grid{grid-template-rows:repeat(2,minmax(142px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{grid-template-columns:1fr;align-items:start}.pricing-grid,.pricing-modal .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generated-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card.featured .style-photo{min-height:0}}@media (max-width:760px){:root{--topbar-height:64px}.container{width:min(100% - 28px,560px)}.topbar{height:64px}.topbar-inner{gap:8px}.ghost-link{display:none}.primary-link{min-height:38px;padding:0 13px}.top-actions{gap:6px;margin-left:auto}.credit-balance-button,.header-assets-link,.header-user-email,.header-logout-button{border-radius:8px;min-height:38px}.credit-balance-button{gap:5px;min-width:50px;padding:0 9px}.credit-balance-button .credit-icon{width:16px;height:16px}.header-assets-link,.header-logout-button{width:38px;padding:0}.header-assets-link .header-action-label,.header-logout-button .header-action-label{display:none}.header-action-icon{width:17px;height:17px}.header-user-email{text-align:center;text-transform:lowercase;width:28px;max-width:28px;padding:0;font-size:12px}.header-email-full{display:none}.header-email-short{display:inline}.brand{gap:7px;font-size:20px}.brand-icon{width:30px;height:30px}.hero{background:linear-gradient(180deg, #080d0c2e 0%, #080d0c33 24%, #080d0ceb 47%, #080d0cfc 100%), url(/assets/skinfade-hero-v2.webp) 70% 66px / auto 300px no-repeat, var(--night);padding-top:78px}.hero-inner{gap:34px;padding-top:236px}h1{margin-top:22px;font-size:clamp(36px,9vw,48px);line-height:1.06}.hero-copy{font-size:16px}.hero-points{width:100%;display:grid}.tool-head{padding-left:0;padding-right:0}.tool-inputs{padding:0}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upload-slot{aspect-ratio:1}.slot-inner{gap:4px;padding:6px}.slot-guide{width:24px;height:32px}.plus{font-size:21px}.slot-label{font-size:10.5px}.choice-row{grid-template-columns:1fr}.fade-control-row{grid-template-columns:82px minmax(0,1fr);align-items:start}.fade-control-label{align-items:center;min-height:42px;display:inline-flex}.compact-control-grid{grid-template-columns:1fr}.size-row{grid-template-columns:repeat(3,minmax(0,1fr))}.output-control-row{grid-template-columns:1fr}.custom-select{grid-template-columns:82px minmax(0,1fr)}.strip-inner{grid-template-columns:1fr}.section{padding:56px 0}.flow-section{padding:56px 0 64px}.compact-guide{padding-top:52px}.guide-content,.mini-compare-row{grid-template-columns:1fr}.guide-disclosure summary{min-height:68px;padding:16px}.guide-content,.guide-comparison{padding-left:16px;padding-right:16px}.pricing-section{padding-top:58px;padding-bottom:64px}.pricing-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-switcher button{border-right:1px solid var(--line);border-bottom:0;min-height:50px;font-size:13px}.pricing-switcher button:last-child{border-right:0}.pricing-grid,.pricing-modal .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.policy-grid{grid-template-columns:1fr}.policy-card{padding:20px}.pricing-card,.pricing-modal .pricing-card{gap:12px;min-height:0;padding:14px}.pricing-card-top{gap:6px;min-height:0;display:grid}.pricing-plan-name,.pricing-modal .pricing-plan-name{font-size:16px}.pricing-plan-badge,.pricing-modal .pricing-plan-badge{width:max-content;max-width:100%;min-height:20px;padding:0 7px;font-size:9px}.pricing-price-row{flex-wrap:wrap;gap:5px}.pricing-price,.pricing-modal .pricing-price{font-size:34px}.pricing-suffix{font-size:11px}.pricing-credit-line,.pricing-modal .pricing-credit-line{font-size:12px}.pricing-feature-list,.pricing-modal .pricing-feature-list{gap:7px;font-size:12px}.pricing-feature-list li{padding-left:13px}.pricing-card-button,.pricing-modal .pricing-card-button{min-height:38px;padding:0 8px;font-size:13px}.pricing-modal-backdrop{padding:10px}.pricing-modal{gap:18px;max-height:calc(100vh - 20px);padding:44px 16px 18px}.login-modal{border-radius:18px;gap:9px;padding:30px 20px 22px}.login-modal-title{font-size:23px}.login-modal-subtitle{font-size:12.5px}.google-auth-button{border-radius:12px;min-height:50px;font-size:15px}.login-modal-close{top:14px;right:14px}.scroll-cta-backdrop{padding:10px}.scroll-cta-modal{border-radius:16px;width:min(448px,100vw - 20px);max-height:calc(100vh - 20px)}.scroll-cta-link img{max-height:calc(100vh - 20px)}.scroll-cta-close{width:30px;height:30px;top:7px;right:7px}.pricing-modal .pricing-switcher{justify-self:stretch}.pricing-modal-title-block h2{font-size:clamp(26px,6.2vw,34px)}.payment-modal{max-height:calc(100vh - 20px);padding:44px 18px 20px}.payment-modal-head{padding-right:0}.payment-modal-title{font-size:clamp(30px,9vw,38px)}.payment-summary-row{min-height:46px;padding:0 13px}.preview-panel.generated{height:auto}.generated-actions{justify-content:flex-end;left:10px;right:10px}.generated-action{flex:0 auto}.image-modal-backdrop{padding:10px}.image-modal-image{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.gallery-grid,.gallery-column{gap:10px}.style-card{margin-bottom:0}.style-photo{border-radius:14px}.style-photo:before,.try-overlay{opacity:1;pointer-events:auto;transform:none}.style-photo:before{background:linear-gradient(#080d0c00,#080d0c38)}.try-overlay{color:#111412d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf8c2;border-color:#ffffff5c;min-height:30px;padding:0 8px;font-size:10.5px;line-height:1.15;bottom:10px;left:10px;right:10px}.save-overlay{display:none}.gallery-more.gallery-toggle{margin-top:18px;display:flex}.gallery-more.gallery-toggle .secondary-button{min-width:min(100%,260px)}.generated-gallery-page{padding-top:92px}.generated-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generated-gallery-item-actions{opacity:1;gap:6px;top:8px;right:8px;transform:none}.generated-gallery-item-actions .generated-action{gap:0;width:34px;min-height:34px;padding:0;font-size:0}.generated-gallery-item-actions .generated-action svg{width:15px;height:15px}.generated-gallery-item-meta{padding:10px 8px}.generated-gallery-item-meta time{font-size:12px}.style-card.featured .style-photo,.style-card.wall-wide .style-photo,.style-card.wall-tall .style-photo,.style-card.wall-short .style-photo{min-height:0}.footer-grid{grid-template-columns:1fr}.blog-index-hero{padding:calc(var(--topbar-height) + 40px) 0 44px}.blog-index-hero-inner,.blog-article-hero-inner,.blog-article-layout{grid-template-columns:1fr}.blog-index-copy h1,.blog-article-intro h1{font-size:38px}.blog-index-hero-inner,.blog-article-hero-inner,.blog-article-layout{gap:28px}.blog-feature-link,.blog-hero-figure{justify-self:start}.blog-feature-link{max-width:460px}.blog-hero-figure{width:min(100%,420px)}.blog-hero-figure img{height:340px}.blog-list-item a{grid-template-columns:1fr;gap:10px}.blog-list-keywords{grid-column:auto;margin-top:0}.blog-article-hero{padding:calc(var(--topbar-height) + 28px) 0 34px}.blog-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px;position:static}.blog-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{padding-top:30px;padding-bottom:64px}.blog-inline-cta,.blog-final-cta{grid-template-columns:1fr}}@media (max-width:430px){.style-photo{min-height:0}.blog-index-page .container,.blog-article-page .container{width:min(100% - 32px,1260px)}.blog-index-copy h1,.blog-article-intro h1{font-size:30px;line-height:1.08}.blog-index-copy p:last-child,.blog-article-deck{font-size:16px}.blog-hero-figure{width:100%}.blog-hero-figure img{height:236px}.blog-feature-title,.blog-list-title{font-size:21px}.blog-content-section h2{font-size:25px}.blog-reference-strip,.blog-toc nav{grid-template-columns:1fr}.blog-summary-box,.blog-inline-cta,.blog-final-cta,.blog-callout,.blog-script-box{padding:18px}.blog-step-list li{grid-template-columns:38px minmax(0,1fr);column-gap:12px}}.primary-button:disabled,.secondary-button:disabled,.generated-action:disabled{cursor:not-allowed;opacity:.62;transform:none}.confirm-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d0ca8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{border-radius:var(--radius);color:#fffdf8;width:min(420px,100%);box-shadow:var(--shadow);background:#101614;border:1px solid #ffffff29;gap:14px;padding:22px;display:grid}.confirm-modal h2{font-size:20px;line-height:1.2}.confirm-modal p{color:#fffdf8b8;font-size:14px;line-height:1.55}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-modal-actions .secondary-button,.confirm-modal-actions .generated-action{justify-content:center;width:auto;min-width:96px}.confirm-modal-actions .primary-button{width:auto;min-width:116px}.credit-warning-modal{gap:16px}.credit-warning-head,.credit-history-head{align-items:center;gap:10px;display:flex}.credit-warning-head .credit-icon,.credit-history-head .credit-icon{width:24px;height:24px;color:var(--green)}.credit-history-backdrop{z-index:960;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d0cad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.credit-history-modal{border-radius:var(--radius);color:#fffdf8;width:min(520px,100%);max-height:min(720px,100vh - 40px);box-shadow:var(--shadow);background:#101614;border:1px solid #ffffff24;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden}.credit-history-close{color:#fffdf899;background:#ffffff0f;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.credit-history-close span{display:block;transform:translateY(-1px)}.credit-history-head h2{padding-right:34px;font-size:20px;line-height:1.2}.credit-history-status{color:#fffdf8ad;font-size:14px}.credit-history-list{border-radius:var(--radius);border:1px solid #ffffff1a;display:grid;overflow:auto}.credit-history-row{border-bottom:1px solid #ffffff14;grid-template-columns:72px minmax(0,1fr) 96px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-size:13px;display:grid}.credit-history-row:last-child{border-bottom:0}.credit-history-row time{color:#fffdf88f;text-align:right;white-space:nowrap}.credit-positive{color:#7ee2a8;font-weight:850}.credit-negative{color:#ff7b8c;font-weight:850}.generated-gallery-deleted{color:#1114128c;background:#1114120f;place-items:center;min-height:240px;font-weight:700;display:grid}.gallery-login-button{width:auto;margin-top:12px}.admin-login-page,.admin-shell{color:#f7f7fb;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 20% -10%,#ff537124,#0000 34%),linear-gradient(#050606 0%,#08090b 48%,#050606 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}.admin-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.admin-login-page{place-items:center;padding:24px;display:grid}.admin-loading-mark{color:#f7f7fbb8;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:14px 18px}.admin-login-card{background:#17181c;border:1px solid #ffffff1a;border-radius:16px;gap:18px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 30px 90px #0000006b}.admin-login-brand{align-items:center;gap:14px;display:flex}.admin-login-brand p{color:#f7f7fb8f;margin:0 0 4px;font-size:13px;font-weight:700}.admin-login-card h1{letter-spacing:0;white-space:nowrap;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-size:26px;line-height:1.1}.admin-login-card label,.admin-form-card label,.admin-form-group{color:#f7f7fbd1;gap:10px;font-size:14px;font-weight:750;display:grid}.admin-login-card input,.admin-form-card input,.admin-form-card textarea,.admin-prompt-editor textarea{color:#f7f7fb;background:#090a0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:46px;padding:12px 13px;transition:border-color .16s,background .16s,box-shadow .16s}.admin-form-card textarea,.admin-prompt-editor textarea{resize:vertical;line-height:1.55}.admin-shell{grid-template-columns:176px minmax(0,1fr);display:grid}.admin-sidebar{color:#f7f7fb;background:#17181c;border-right:1px solid #ffffff14;grid-template-rows:auto 1fr auto;gap:22px;height:100vh;padding:20px 10px;display:grid;position:sticky;top:0}.admin-brand{border-bottom:1px solid #ffffff12;align-items:center;min-width:0;padding:0 6px 16px;display:flex}.admin-brand-logo{color:#fff;background:linear-gradient(135deg,#ff4f64,#ff7448);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.admin-nav{align-content:start;gap:6px;display:grid}.admin-nav button,.admin-logout,.admin-text-button,.admin-icon-button,.admin-search button,.admin-quick-grid button{font:inherit;border:0}.admin-nav button,.admin-logout{color:#f7f7fb8a;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;min-height:52px;font-size:16px;font-weight:750;transition:background .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.admin-nav button{padding:0 10px;position:relative}.admin-nav button.active:after{content:"";background:#ff6290;border-radius:50%;width:8px;height:8px;position:absolute;right:8px;box-shadow:0 0 0 3px #ff629033}.admin-logout{border-top:1px solid #ffffff12;border-radius:0;padding:0 10px}.admin-main{grid-template-rows:88px 1fr;min-width:0;display:grid}.admin-topbar{background:#0f1012;border-bottom:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:20px;padding:0 32px;display:flex}.admin-account-chip{color:#34d399;white-space:nowrap;background:#25d38d14;border:1px solid #25d38d47;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:750;display:inline-flex}.admin-content{align-content:start;gap:28px;min-width:0;padding:48px 44px 64px;display:grid}.admin-page-head{justify-content:flex-end;align-items:start;display:flex}.admin-search{color:#f7f7fb6b;background:#1b1c20;border:1px solid #ffffff17;border-radius:16px;flex:none;align-items:center;gap:12px;width:clamp(360px,42vw,640px);max-width:100%;min-height:58px;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;box-shadow:inset 0 1px #ffffff09}.admin-search input{color:#f7f7fb;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:16px;font-weight:700}.admin-search input::-webkit-search-decoration{appearance:none}.admin-search input::-webkit-search-cancel-button{appearance:none}.admin-search input::-webkit-search-results-button{appearance:none}.admin-search input::-webkit-search-results-decoration{appearance:none}.admin-search button,.admin-icon-button{color:#f7f7fb9e;background:#ffffff0f;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;transition:background .16s,color .16s,transform .16s;display:grid}.admin-search button:hover,.admin-icon-button:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.admin-status-notice{color:#f7f7fbb8;background:#17181c;border:1px solid #ffffff1a;border-radius:8px;margin:0;padding:14px 16px;font-size:14px;font-weight:700}.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.admin-metric{background:#17181c;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:22px;min-height:148px;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff09}.admin-metric-icon{border-radius:16px;flex:none;place-items:center;width:66px;height:66px;display:grid}.admin-metric span:not(.admin-metric-icon){color:#f7f7fb70;font-size:14px;font-weight:850;display:block}.admin-metric strong{color:#fff;white-space:nowrap;margin-top:8px;font-size:34px;font-weight:900;line-height:1;display:block}.admin-table-card{background:#17181c;border:1px solid #ffffff14;border-radius:16px;width:100%;overflow:auto;box-shadow:inset 0 1px #ffffff09}.admin-table{border-collapse:collapse;color:#f7f7fbc2;width:100%;min-width:1040px;font-size:15px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #fff1;padding:22px 24px}.admin-table th{z-index:1;color:#f7f7fb6b;letter-spacing:.02em;white-space:nowrap;background:#111216;font-size:13px;font-weight:900;position:sticky;top:0}.admin-table tbody tr{transition:background .16s}.admin-table tbody tr:last-child td{border-bottom:0}.admin-email-cell{color:#f7f7fb;text-overflow:ellipsis;white-space:nowrap;min-width:280px;max-width:360px;font-weight:760;overflow:hidden}.admin-id-cell{color:#f7f7fb8f;min-width:190px;font-family:var(--mono);white-space:nowrap;font-size:13px}.admin-date-cell{color:#f7f7fb7a;white-space:nowrap;min-width:190px}.admin-number-cell,.admin-money-cell{color:#f7f7fb;white-space:nowrap;font-weight:850}.admin-user-cell{align-items:center;gap:14px;min-width:0;display:flex}.admin-avatar{color:#fff;background:linear-gradient(135deg,#f43f5e,#ff7a1a);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.admin-user-cell strong{color:#f7f7fb;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:16px;font-weight:830;display:block;overflow:hidden}.admin-user-cell small{color:#f7f7fb61;font-family:var(--mono);white-space:nowrap;margin-top:3px;font-size:12px;display:block}.admin-badge-row{flex-wrap:wrap;gap:6px;min-width:150px;display:flex}.admin-badge,.admin-link-chip{white-space:nowrap;border-radius:6px;align-items:center;width:fit-content;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.admin-credit-positive,.admin-credit-negative{white-space:nowrap;font-size:17px;font-weight:900}.admin-short-id{text-overflow:ellipsis;white-space:nowrap;max-width:170px;display:inline-block;overflow:hidden}.admin-prompt-cell{min-width:260px;max-width:360px}.admin-prompt-preview{color:#45dca0d1;font-family:var(--mono);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.admin-text-button{color:#ff6f91;white-space:nowrap;background:0 0;padding:0;font-size:14px;font-weight:900;transition:color .16s}.admin-muted-inline{color:#f7f7fb57}.admin-empty-state{color:#f7f7fb80;text-align:center;align-content:center;place-items:center;gap:8px;min-height:240px;display:grid}.admin-empty-state p{margin:0;font-size:14px}.admin-skeleton-table{gap:1px;padding:0;display:grid;overflow:hidden}.admin-skeleton-table span{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a) 0 0/220% 100%;height:72px;animation:1.2s linear infinite adminSkeleton}@keyframes adminSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}.admin-detail,.admin-form-card,.admin-prompt-editor{background:#17181c;border:1px solid #ffffff14;border-radius:16px;gap:18px;display:grid;box-shadow:inset 0 1px #ffffff09}.admin-detail{padding:20px}.admin-detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-detail h2,.admin-prompt-editor h2{color:#fff;letter-spacing:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-size:20px;font-weight:900}.admin-detail pre{color:#f7f7fbb3;white-space:pre-wrap;background:#090a0d;border:1px solid #ffffff14;border-radius:8px;max-height:360px;margin:0;padding:16px;font-size:12px;overflow:auto}.admin-form-card{padding:28px}.admin-input-shell{color:#f7f7fb70;background:#090a0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.admin-input-shell input{min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.admin-form-row-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-form-row-label small{color:#f7f7fb5c;font-size:13px;font-weight:750}.admin-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.admin-quick-grid button{color:#f7f7fbad;background:#090a0d;border:1px solid #ffffff1f;border-radius:8px;min-height:54px;font-size:18px;font-weight:850;transition:border-color .16s,color .16s,transform .16s,background .16s}.admin-quick-grid button:hover{color:#fff;background:#ff618414;border-color:#ff61846b;transform:translateY(-1px)}.admin-primary-button,.admin-secondary-button{color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:15px;font-weight:900;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.admin-primary-button:hover{background:#be123c;transform:translateY(-1px)}.admin-secondary-button{background:#ffffff12;border-color:#ffffff1f}.admin-secondary-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.admin-prompts{gap:18px;display:grid}.admin-prompt-editor{padding:22px}.admin-prompt-editor p{color:#f7f7fb85;margin:6px 0 0;font-size:14px;font-weight:650}@media (max-width:1180px){.admin-shell{grid-template-columns:168px minmax(0,1fr)}.admin-content{padding:36px 28px 52px}.admin-page-head{display:grid}.admin-search{width:min(520px,100%)}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav-label{grid-column:1/-1}.admin-main{grid-template-rows:auto 1fr}.admin-topbar{padding:18px}.admin-content{padding:28px 16px 44px}.admin-page-copy h1{font-size:30px}.admin-metric-grid,.admin-quick-grid{grid-template-columns:1fr}}.admin-view-stage{min-width:0;position:relative}.admin-loading-panel{background:#fff;border:1px solid #e7eaf0;border-radius:12px;place-items:center;min-height:280px;display:grid;box-shadow:0 10px 28px #1018280b}.admin-loading-chip{background:#ffffffeb;border:1px solid #e7eaf0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 10px 24px #1018281a}.admin-loading-spinner{border:3px solid #edf0f4;border-top-color:#e44d68;border-radius:50%;width:26px;height:26px;animation:.72s linear infinite admin-spin;display:inline-block}.admin-loading-chip .admin-loading-spinner{border-width:2px;width:20px;height:20px}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.admin-loading-spinner{animation:none}}.admin-login-page,.admin-shell{color:#18202d;background:#f7f8fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}.admin-login-card{color:#18202d;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 24px 70px #0f172a14}.admin-login-brand p{color:#7c8797}.admin-login-card label,.admin-form-card label,.admin-form-group{color:#344054}.admin-login-card input,.admin-form-card input,.admin-form-card textarea,.admin-prompt-editor textarea{color:#111827;background:#fff;border-color:#d9dde5}.admin-login-card input:focus,.admin-form-card input:focus,.admin-form-card textarea:focus,.admin-prompt-editor textarea:focus,.admin-search:focus-within{border-color:#aeb8c7;box-shadow:0 0 0 3px #94a3b829}.admin-sidebar{color:#334155;background:#fff;border-right:1px solid #e5e7eb;box-shadow:10px 0 30px #0f172a08}.admin-brand{border-bottom-color:#eceff4}.admin-brand-logo{background:linear-gradient(135deg,#ff5b67,#ff8759);box-shadow:0 10px 24px #ff5b6733}.admin-nav-label{color:#98a2b3}.admin-nav button,.admin-logout{color:#667085;font-size:15px;font-weight:760}.admin-nav button.active{color:#be123c;background:#fff1f3;box-shadow:inset 0 0 0 1px #f43f5e1f}.admin-nav button.active .admin-icon{color:#e11d48}.admin-nav button.active:after{background:#f43f5e;box-shadow:0 0 0 3px #f43f5e24}.admin-logout{border-top-color:#eceff4}.admin-content{align-content:start;gap:24px;width:min(100%,1760px);min-width:0;margin:0 auto;padding:30px 36px 56px;display:grid}.admin-search{color:#98a2b3;background:#fff;border-color:#d9dde5;border-radius:12px;width:min(100%,980px);min-height:52px;box-shadow:0 10px 28px #0f172a0d}.admin-search input::placeholder,.admin-login-card input::placeholder,.admin-form-card input::placeholder,.admin-form-card textarea::placeholder{color:#98a2b3}.admin-search button:hover,.admin-icon-button:hover{color:#1f2937;background:#e9edf3}.admin-status-notice{color:#475467;background:#fff;border-color:#e5e7eb}.admin-status-notice.success{color:#047857;background:#ecfdf3;border-color:#bbf7d0}.admin-status-notice.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.admin-status-notice.warning{color:#b45309;background:#fff7ed;border-color:#fed7aa}.admin-metric{background:#fff;border-color:#e5e7eb;border-radius:14px;box-shadow:0 16px 40px #0f172a0d}.admin-metric span:not(.admin-metric-icon){color:#667085}.admin-metric strong{color:#111827}.admin-metric-icon.blue{color:#2563eb;background:#eff6ff}.admin-metric-icon.green{color:#059669;background:#ecfdf3}.admin-metric-icon.purple{color:#7c3aed;background:#f5f3ff}.admin-metric-icon.rose{color:#e11d48;background:#fff1f3}.admin-metric-icon.amber{color:#d97706;background:#fffbeb}.admin-table-card{background:#fff;border-color:#e5e7eb;border-radius:14px;box-shadow:0 18px 48px #0f172a0f}.admin-table th{color:#667085;letter-spacing:0;background:#f9fafb;font-size:12px}.admin-email-cell,.admin-number-cell,.admin-money-cell,.admin-user-cell strong{color:#111827}.admin-user-cell strong{font-size:15px}.admin-user-cell small,.admin-date-cell,.admin-id-cell,.admin-muted-inline{color:#98a2b3}.admin-avatar{background:linear-gradient(135deg,#ff5b67,#ff8759);width:44px;height:44px}.admin-badge.neutral{color:#667085;background:#f2f4f7}.admin-badge.green{color:#047857;background:#dff7ea}.admin-badge.blue,.admin-link-chip{color:#2563eb;background:#eaf2ff}.admin-badge.purple{color:#7c3aed;background:#f1eaff}.admin-badge.amber{color:#b45309;background:#fff3d6}.admin-credit-positive{color:#059669}.admin-credit-negative{color:#d97706}.admin-prompt-preview{color:#047857}.admin-text-button{color:#e11d48}.admin-text-button:hover{color:#be123c}.admin-empty-state{color:#667085}.admin-empty-state .admin-icon{color:#98a2b3}.admin-empty-state strong{color:#1f2937}.admin-skeleton-table span{background:linear-gradient(90deg,#f3f4f7,#e8ecf2,#f3f4f7) 0 0/220% 100%}.admin-detail,.admin-form-card,.admin-prompt-editor{background:#fff;border-color:#e5e7eb;border-radius:14px;box-shadow:0 18px 48px #0f172a0f}.admin-detail h2,.admin-prompt-editor h2{color:#111827}.admin-input-shell{color:#98a2b3;background:#fff;border-color:#d9dde5}.admin-input-shell:focus-within{border-color:#aeb8c7;box-shadow:0 0 0 3px #94a3b829}.admin-form-row-label small,.admin-prompt-editor p{color:#667085}.admin-quick-grid button{color:#475467;background:#fff;border-color:#d9dde5}.admin-quick-grid button:hover{color:#be123c;background:#fff1f3;border-color:#f05c73}.admin-primary-button{background:#e11d48}.admin-primary-button:hover{background:#be123c}.admin-secondary-button{color:#344054;background:#fff;border-color:#d9dde5}.admin-secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:1180px){.admin-shell{grid-template-columns:168px minmax(0,1fr)}.admin-content{padding:24px 24px 44px}.admin-search{width:100%}}.admin-auth-loading{background:#f6f7f9;min-height:100dvh}.admin-login-page,.admin-shell{color:#172033;background:#f6f7f9}.admin-shell{grid-template-columns:172px minmax(0,1fr);min-height:100dvh}.admin-sidebar{color:#475467;box-shadow:none;background:#fbfbfc;border-right:1px solid #e7eaf0;padding:18px 9px}.admin-brand{border-bottom-color:#edf0f4;justify-content:flex-start;padding:0 7px 16px}.admin-brand-logo{background:linear-gradient(135deg,#ff6674,#ff8e64);border-radius:10px;width:40px;height:40px;box-shadow:0 10px 22px #ff66742e}.admin-nav{gap:4px}.admin-nav-label{color:#98a2b3;margin:0 10px 6px;font-size:11px;font-weight:800}.admin-nav button,.admin-logout{color:#667085;border-radius:10px;gap:8px;min-height:46px;font-size:14px;font-weight:760}.admin-nav button{padding:0 10px}.admin-nav button:hover,.admin-logout:hover{color:#283143;background:#f1f3f7}.admin-nav button.active{color:#c9153f;box-shadow:none;background:#fff1f3}.admin-nav button.active:after{background:#f43f5e;width:7px;height:7px;right:8px;box-shadow:0 0 0 3px #f43f5e1f}.admin-logout{border-top-color:#edf0f4;padding:0 10px}.admin-main{background:linear-gradient(#ffffff9e,#fff0 220px),#f6f7f9;min-width:0;display:block}.admin-content{gap:18px;width:min(100%,1720px);padding:22px 28px 44px}.admin-page-head{justify-content:stretch;width:100%;display:flex}.admin-search{background:#fff;border-color:#dfe3ea;border-radius:12px;width:100%;min-height:50px;box-shadow:0 8px 22px #1018280a}.admin-search input{color:#172033;font-size:15px;font-weight:700}.admin-search button,.admin-icon-button{color:#667085;background:#f3f5f8}.admin-table-card,.admin-detail,.admin-form-card,.admin-prompt-editor,.admin-metric{background:#fff;border-color:#e7eaf0;border-radius:12px;box-shadow:0 10px 28px #1018280b}.admin-table{color:#475467;min-width:880px;font-size:14px}.admin-table-wide{min-width:1020px}.admin-table-xl{min-width:1220px}.admin-table th,.admin-table td{border-bottom-color:#edf0f4;padding:14px 18px}.admin-table th{color:#667085;background:#fbfcfe;font-size:12px;font-weight:850}.admin-table tbody tr:hover{background:#fbfcfe}.admin-user-column{min-width:300px}.admin-user-cell{gap:12px}.admin-avatar{background:linear-gradient(135deg,#ff6674,#ff8e64);width:40px;height:40px;font-size:18px}.admin-user-cell strong{color:#172033;max-width:250px;font-size:14px;font-weight:820}.admin-user-cell small{color:#98a2b3;margin-top:2px;font-size:11px}.admin-email-cell{color:#172033;min-width:240px;max-width:320px}.admin-id-cell{color:#98a2b3;min-width:150px;font-size:12px}.admin-date-cell{color:#98a2b3;min-width:160px}.admin-number-cell,.admin-money-cell{color:#172033;font-weight:820}.admin-badge,.admin-link-chip{border-radius:7px;min-height:24px;padding:0 8px;font-size:11px;font-weight:850}.admin-empty-state{color:#667085;gap:7px;min-height:190px}.admin-empty-state .admin-icon{color:#98a2b3;width:26px;height:26px}.admin-empty-state strong{color:#172033;font-size:16px}.admin-empty-state p{color:#667085;font-size:13px}.admin-metric-grid{gap:16px}.admin-metric{gap:18px;min-height:126px;padding:20px}.admin-metric-icon{border-radius:14px;width:56px;height:56px}.admin-metric strong{color:#172033;font-size:30px}.admin-form-card,.admin-prompts{width:min(920px,100%)}.admin-form-card,.admin-prompt-editor{padding:22px}.admin-input-shell,.admin-form-card input,.admin-form-card textarea,.admin-prompt-editor textarea{color:#172033;background:#fff;border-color:#dfe3ea;border-radius:10px}.admin-input-shell{min-height:50px}.admin-quick-grid{gap:10px}.admin-quick-grid button{color:#475467;background:#fff;border-color:#dfe3ea;border-radius:10px;min-height:48px;font-size:16px}.admin-primary-button,.admin-secondary-button{border-radius:10px;min-height:44px}.admin-secondary-button{color:#344054;background:#fff}.admin-detail pre{color:#475467;background:#f8fafc;border-color:#e7eaf0}.admin-skeleton-table span{height:60px}@media (max-width:1180px){.admin-shell{grid-template-columns:168px minmax(0,1fr)}.admin-content{padding:20px 22px 40px}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav-label{grid-column:1/-1}.admin-content{padding:18px 14px 36px}.admin-search,.admin-metric-grid,.admin-quick-grid{width:100%}}