/* Shared soft editorial skin. Layout and interactive controls retain their original hooks. */
:root{color-scheme:light;--green:#633d50;--line:#e4d9d6;--muted:#796b70;color:#392c33;background:#f8f3ee;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 85% 5%,#eedddd70,transparent 44%),#f8f3ee;color:#392c33;-webkit-font-smoothing:antialiased}
header{min-height:88px;padding:22px 5%;background:#fcf8f3cc;border-bottom:1px solid var(--line)}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400;letter-spacing:-.035em;color:#4e3240}
.mark{font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1;display:inline-grid;place-items:center;width:39px;height:42px;padding:0;margin-right:12px;background:#633d50;color:#fff9f4;border-radius:20px 20px 5px 5px;vertical-align:middle}
header nav{gap:26px;font-size:12px;letter-spacing:.025em}header a{color:#654a57}header a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#b58a97}
main{max-width:1380px;padding:55px 5% 72px}
.eyebrow{font-size:10px;letter-spacing:.2em;color:#926e7b;font-weight:600}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.6vw,62px);line-height:1.12;font-weight:400;letter-spacing:-.045em;margin:15px 0 18px;max-width:900px;color:#4b303d}
h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-.025em;color:#4b303d;font-weight:400}
.intro{font-size:15px;line-height:1.8;color:#796b70;max-width:650px;margin-bottom:35px}
a{color:#633d50}button,input,select,textarea{accent-color:#633d50}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ad7b90;outline-offset:4px}
.layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:30px}.controls{gap:14px}
.panel,details,aside,.editor,.setting{background:#fffdf9;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 20px #613d4d03}
.panel{padding:25px}summary{padding:21px 23px;font-size:13px;font-weight:550;letter-spacing:.015em;color:#624451}summary::after{color:#a17b89;font-weight:400;font-size:18px}details[open] summary{border-bottom:1px solid #eee3df;background:#faf3f0}.fields{padding:23px;gap:21px}
.field label{font-size:12px;font-weight:550;color:#614c56;margin-bottom:9px}.field input,.field select,.field textarea,.search,.setting textarea{border:1px solid #e0d4d3;border-radius:9px;background:#fffefd;color:#4d3d45;padding:12px 13px;font-size:13px;line-height:1.5}.field textarea{min-height:88px}.field input::placeholder,.field textarea::placeholder,.search::placeholder,.setting textarea::placeholder{color:#9b8b91;opacity:1}.field small,.help,.notice,.empty,.preset-summary,.counter,.private,.hint,.status,.foot,.setting p{color:#817278}.field small,.help{font-size:11px;line-height:1.75}
.btn,.secondary,.collection{border:1px solid #e0d1d3;border-radius:9px;background:#fffaf7;color:#704e5e;padding:11px 15px;font-size:12px;line-height:1.4}.btn:hover,.secondary:hover,.collection:hover{background:#f5e9e6;border-color:#cbaeb9}.primary,.copy,.collection.active{background:#633d50;border-color:#633d50;color:#fffaf7;font-weight:550}.primary:hover,.copy:hover,.collection.active:hover{background:#4f2e3f;border-color:#4f2e3f}
.preview{padding:29px;top:24px;box-shadow:0 12px 45px #633d5007}.preview-head{padding-bottom:23px}.preview-head h2{margin:11px 0}.preview-head p{color:#817278;line-height:1.75}.preview>.field{border-bottom:1px solid #eee3df}.chips{gap:7px;margin:22px 0}.chip,.badge{background:#f1e4e7;color:#7b5263;border-radius:20px;padding:7px 11px;font-size:10px}.prompt,.text{color:#62515a;font-size:12px;line-height:1.95}.prompt{margin:25px 0}.preview-foot{padding-top:22px;border-color:#e4d9d6}.preview-foot .primary{padding:12px 19px}
.issue{border-color:#e7d2b6;background:#fcf4e8;color:#785d3a}.issue.info{background:#f5eaf0;border-color:#e1cad6;color:#775267}.issue .btn{background:#fffbf5}.preset{border-color:#eee3df}.preset-title{color:#624451}.toast{background:#633d50;border-radius:12px;box-shadow:0 6px 26px #633d5020}dialog{background:#fffcf8;color:#4d3d45;border-color:#e0d1d3;border-radius:18px}dialog::backdrop{background:#3e293c66}
/* Library */
.workspace{grid-template-columns:300px minmax(0,1fr);gap:30px}.collections{gap:9px;margin-bottom:28px}.collection{padding:12px 19px;font-size:12px}aside{padding:19px}.filters{gap:6px;margin:15px 0 20px}.filter{color:#8b7480;border-radius:20px;font-size:11px}.filter.active{background:#f1e4e7;color:#70475b}.item{color:#79656f;padding:15px 12px;border-radius:10px}.item:hover{background:#fbf2f0}.item.active{background:#f2e5e8;color:#633d50}.num{color:#aa919b}.item.active .num{color:#996b80}.count{color:#98818c}.top{padding:30px 33px 26px;border-color:#eee3df}.meta{color:#98818c}.content{padding:29px 33px}.bottom{background:#faf3f0;border-color:#eee3df;padding:23px 33px}.copy{border-radius:9px;padding:13px 21px}.setting{padding:22px;margin-bottom:28px}.setting label{font-size:13px;color:#624451;font-weight:550}.setting textarea{margin:0}.actions{margin-top:20px}.secondary{font-size:12px}.foot{line-height:1.8}
@media(max-width:850px){header{padding:19px 20px;min-height:78px}.brand{font-size:18px}.mark{width:33px;height:36px;font-size:21px;margin-right:8px}header nav{gap:14px;font-size:11px}main{padding:35px 18px 100px}h1{font-size:clamp(36px,7vw,48px)}.intro{font-size:14px;margin-bottom:28px}.layout{grid-template-columns:1fr;gap:22px}.preview{padding:23px;position:static}.panel{padding:22px}.fields{padding:21px}summary{padding:20px 21px}.field input,.field select,.field textarea,.search,.setting textarea{font-size:16px}.mobile-copy{background:#fcf7f2f5;border-color:#e4d9d6;padding-top:12px;backdrop-filter:blur(12px)}.mobile-copy .primary{padding:13px}.saving{grid-template-columns:1fr}}
@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:22px}.collection{padding:11px 14px}.top,.content{padding:24px}.bottom{padding:20px 24px}.setting{padding:20px}.text{font-size:12px}header>.secondary{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:no-preference){button,a.btn,summary{transition:background .18s,border-color .18s}}
/* Guided builder */
.look-start{margin:35px 0 30px}.look-start h2{margin:9px 0}.look-start>p{font-size:13px;color:var(--muted);line-height:1.7}.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:21px 0 10px}.look-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-align:left;padding:23px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#f3e4e6,#fffcf8);color:#633d50;min-height:175px}.look-card:nth-child(2){background:linear-gradient(140deg,#e9dfe9,#fffcf8)}.look-card:nth-child(3){background:linear-gradient(140deg,#f2dfcd,#fffcf8)}.look-card:nth-child(4){background:#fffcf8}.look-card:hover,.look-card[aria-pressed=true]{border-color:#9d687f;box-shadow:0 5px 20px #633d5010}.look-card[aria-pressed=true]{outline:2px solid #9d687f;outline-offset:2px}.look-number{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#a77b8a}.look-card strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.look-card>span:last-child{font-size:12px;color:#796b70;line-height:1.6}.flow-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 23px;border-bottom:1px solid var(--line);padding-bottom:18px}.flow-nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#8a7780;padding:12px;border-radius:10px}.flow-nav button[aria-current]{background:#eee0e5;color:#633d50}.step-number{display:grid;place-items:center;border:1px solid #cbb2bc;width:30px;height:30px;border-radius:50%;flex-shrink:0;font-size:12px}.flow-nav strong{display:block;font-size:13px;font-weight:550}.flow-nav small{display:block;font-size:11px;margin-top:5px}.flow-step{display:grid;gap:14px}.flow-step[hidden]{display:none}.flow-note{padding:7px 0 10px}.flow-note h2{font-size:27px}.flow-note p{font-size:13px;line-height:1.8;color:var(--muted)}.flow-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.flow-actions [hidden]{display:none}.prompt-disclosure,.share-disclosure{box-shadow:none;margin:18px 0}.prompt-disclosure .prompt{padding:0 20px}.share-disclosure .field{padding:18px!important}.preview .chips{min-height:30px}.copy-guidance{font-size:12px;color:var(--muted);line-height:1.8;margin:19px 0 0}.preview .preview-foot{margin-top:24px}#upscale-starter{margin-bottom:0!important}
@media(max-width:850px){.look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.look-card{padding:17px;min-height:170px}.look-card strong{font-size:19px}.flow-nav{gap:3px}.flow-nav button{padding:10px 6px;gap:7px;align-items:flex-start}.flow-nav strong{font-size:11px;line-height:1.5}.flow-nav small{display:none}.step-number{width:23px;height:23px;font-size:10px}.flow-actions{position:relative}.look-start{margin-top:25px}}
.builder-mode{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0 30px}.builder-mode strong{font-family:Georgia,serif;font-weight:400;font-size:21px;color:#633d50}.builder-mode p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0}.mode-switch{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.look-start[hidden],.flow-nav[hidden],.flow-actions[hidden],.flow-note[hidden]{display:none}.advanced-mode .layout{margin-top:25px}.advanced-mode .flow-step{gap:14px}.advanced-mode .preview{max-height:calc(100vh - 48px);overflow:auto}.advanced-mode .prompt-disclosure .prompt{font-size:11px}@media(max-width:850px){.builder-mode{align-items:flex-start;flex-direction:column;gap:15px}.mode-switch{width:100%}.mode-switch .btn{flex:1}.advanced-mode .preview{max-height:none;overflow:visible}}
.photo-flow-page .layout{grid-template-columns:minmax(0,1fr);max-width:850px;margin:auto}.photo-flow-page .preview{position:static}.photo-flow-page .preview[hidden],.photo-flow-page .controls [hidden]{display:none!important}.photo-flow-page .flow-nav{max-width:850px;margin:25px auto}.photo-flow-page .look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-flow-page .look-start{margin:0 0 15px}.photo-flow-page .mobile-copy{display:none}.photo-flow-page .flow-step{gap:18px}.photo-guide{background:#fffcf8;padding:30px;border:1px solid var(--line);border-radius:16px}.photo-guide>p,.platform-guide{font-size:14px;line-height:1.85;color:var(--muted)}.photo-guide h3{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#633d50;margin:28px 0 10px}.photo-guide details{margin-top:12px}.platform-guide{padding:0 23px 23px}.platform-guide ol{padding-left:20px}.platform-guide li{padding:5px 0}.photo-tip{padding:18px 20px;background:#f3e7ea;border-radius:12px;font-size:13px;line-height:1.8;color:#704e5e}.photo-flow-page .copy-guidance{font-size:14px}@media(max-width:850px){header{flex-wrap:wrap}header nav{flex-wrap:wrap}.photo-guide{padding:22px}.photo-flow-page .flow-actions{margin-bottom:15px}}