:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#23272b;background:#fff;font-synthesis:none;--blue:#2861dd;--muted:#7e838a;--line:#eaecef}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 32px}.logo{font-size:30px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:9px}.logo span{font-size:21px;letter-spacing:-1px}.logo small{font-size:11px;letter-spacing:2px;font-weight:400;margin-left:20px;color:#85888d}.version{font-size:10px;letter-spacing:1px;color:#8a8e95;border:1px solid var(--line);padding:5px 8px}main{max-width:1040px;margin:auto;padding:30px 24px 125px}.search{display:flex;align-items:center;background:#f5f6f7;border-radius:7px;padding:0 16px;gap:10px}.search input{border:0;background:none;padding:15px 0;width:100%;outline:none}.search svg{width:18px}.hero{margin:28px 0 33px;padding:30px 0 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#8a8c90;text-transform:uppercase}h1{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.4;margin:12px 0}h2{font-size:21px;font-weight:600;margin:8px 0 15px}h3{font-size:16px;margin:0 0 9px}p{font-size:14px;line-height:1.9;color:#747a82;margin:10px 0}.primary,.secondary{border:0;border-radius:6px;padding:14px 21px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-size:14px;font-weight:500}.primary{background:var(--blue);color:white}.secondary{background:#f3f4f6;color:#383d44}.primary svg{width:17px}.sectionhead{display:flex;align-items:baseline;justify-content:space-between}.sectionhead span{font-size:11px;color:#90959b}.chips{display:flex;gap:9px;overflow:auto;padding:5px 0 22px;scrollbar-width:none}.chip{border:1px solid #e9eaed;background:#fff;border-radius:5px;white-space:nowrap;padding:8px 17px;color:#6c727a;font-size:12px}.chip.active{background:#262b31;color:white;border-color:#262b31}.works{columns:4;column-gap:18px}.work{break-inside:avoid;margin:0 0 23px;display:block}.work img{display:block;width:100%;border-radius:6px;background:#f2f2ef}.work .caption{display:flex;justify-content:space-between;align-items:center;padding-top:11px;font-size:12px}.work small{color:#92969d;font-size:10px;display:block;margin-top:5px}.note{font-size:11px;color:#92969d;line-height:1.7}.page{max-width:640px;margin:auto}.back{border:0;background:none;color:#72777e;padding:0;margin:0 0 24px;font-size:13px}.panel{border:1px solid var(--line);padding:23px;border-radius:8px;margin:20px 0}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:13px}.field input,.field select,.field textarea{border:1px solid #e0e3e7;background:#fff;padding:13px;border-radius:5px;min-width:0;width:100%;color:#333}.field textarea{min-height:95px;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.upload{border:1px dashed #bdc7d7;background:#f7f9fc;border-radius:7px;text-align:center;padding:24px;display:block;cursor:pointer;color:#52627d;font-size:13px}.upload input{display:block;margin:16px auto 0;max-width:100%}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs img{width:72px;height:83px;object-fit:cover;border-radius:4px}.thumbs button{border:0;background:#f0f2f5;display:block;width:100%;font-size:11px;padding:5px}.wide{width:100%}.status{width:64px;height:64px;border-radius:50%;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:28px;margin:30px 0}.steps{display:flex;margin:30px 0;gap:20px;font-size:12px;color:#9398a0}.steps b{color:var(--blue)}.artist-card{padding:22px 0;border-bottom:1px solid var(--line)}.artist-top{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eeefeb;font-family:serif;font-size:22px;color:#576052;flex-shrink:0}.artist-top p{margin:3px 0;font-size:12px}.artist-top h3{margin:0}.miniworks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.miniworks img{width:100%;height:145px;object-fit:cover;border-radius:5px}.reason{background:#f7f8fa;padding:14px;font-size:12px;line-height:1.8;margin:12px 0;color:#68727e}.actions{display:flex;gap:10px;margin-top:16px}.actions>*{flex:1}.profile{padding:25px 0}.profile .avatar{width:76px;height:76px;font-size:34px}.profile h1{font-size:27px;margin:0}.stats{display:flex;gap:35px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats b{display:block;font-size:18px;font-weight:500}.stats small{font-size:11px;color:#90959b}.links{display:flex;gap:20px;font-size:12px;margin:16px 0}.links a{color:var(--blue)}.links span{color:#959aa1}.empty{padding:40px 15px;text-align:center;color:#848a93}.summary{white-space:pre-wrap;font-size:13px;line-height:2;background:#f5f6f8;border-radius:6px;padding:18px}.error{color:#b34841;font-size:13px;line-height:1.8;margin:12px 0}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;width:100%;max-width:1040px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:12px 15px calc(12px + env(safe-area-inset-bottom));z-index:5}nav a{flex:1;text-align:center;color:#92979f;font-size:10px;display:grid;justify-items:center;gap:6px}nav a.active{color:var(--blue)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#242a32;color:white;padding:13px 20px;border-radius:6px;display:none;z-index:8;font-size:13px;max-width:90vw}.formhead{margin-bottom:25px}.adminrow{border-top:1px solid var(--line);padding:15px 0}.adminrow textarea{width:100%;padding:10px;border:1px solid #ddd;margin-top:8px}.check{font-size:12px;display:flex;gap:9px;align-items:flex-start;line-height:1.8;margin:20px 0}.textlink{font-size:12px;color:var(--blue);background:none;border:0;padding:10px 0}.saved{color:var(--blue)}@media(max-width:700px){header{height:72px;padding:0 21px}.logo{font-size:28px}.logo small{display:none}main{padding:21px 20px 110px}.hero{display:block;padding:16px 0 28px;margin:20px 0 25px}.hero h1{font-size:29px}.hero p{font-size:12px;max-width:300px;margin:10px 0 22px}.hero .primary{padding:13px 20px;font-size:12px}.works{columns:2;column-gap:12px}.work{margin-bottom:20px}.work .caption{font-size:11px}.work small{font-size:9px}.sectionhead h2{font-size:19px}.sectionhead span{font-size:9px}.chip{padding:7px 14px}.panel{padding:18px}.grid{gap:0 12px}h1{font-size:27px}.miniworks img{height:120px}.page{max-width:100%}.stats{gap:26px}}
.studio-switch{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-badge{display:inline-block;background:#eef3fc;color:#45638e;padding:5px 9px;border-radius:4px;font-size:11px}.studio-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:20px 0}.studio-entry.panel{padding:20px}.studio-entry p{font-size:12px;margin:5px 0}.studio-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f7f8fa;padding:20px 12px;border-radius:7px;text-align:center}.studio-metrics b{display:block;font-size:25px;font-weight:500}.studio-metrics small{display:block;color:#858a92;font-size:10px;margin-top:8px}.studio-metrics .booking-label{font-size:15px;line-height:30px}.studio-work{display:flex;gap:18px;align-items:center}.studio-work>img{width:95px;height:125px;object-fit:cover;border-radius:5px}.studio-work h3{overflow-wrap:anywhere}.studio-preview{display:block;width:100px;max-height:160px;object-fit:contain;margin:15px 0;border-radius:4px}.studio-tabs{margin-top:16px}.studio-worklist .panel{margin:12px 0}
.choice-group{border:0;padding:0;margin:8px 0 25px;min-width:0}.choice-group legend{font-size:13px;margin-bottom:12px}.choice-group legend small{font-size:10px;color:#90959b;margin-left:8px}.choice-options{display:flex;flex-wrap:wrap;gap:9px}.choice-options label{cursor:pointer;position:relative}.choice-options input{position:absolute;opacity:0;width:1px;height:1px}.choice-options span{display:inline-block;border:1px solid #e2e6ec;border-radius:5px;padding:9px 12px;font-size:12px;color:#68717d}.choice-options input:checked+span{color:#265dcb;border-color:#9cb8ed;background:#edf3ff}.choice-options input:focus-visible+span{outline:2px solid #2861dd;outline-offset:2px}.field input[type=file]{font-size:11px}h1,h3,p,.summary{overflow-wrap:anywhere}.miniworks:empty{display:none}
.image-dialog{border:0;border-radius:8px;padding:16px;max-width:95vw;max-height:90vh}.image-dialog::backdrop{background:#101820b3}.image-dialog img{display:block;max-width:85vw;max-height:72vh;object-fit:contain;margin:12px auto 0}
.thumbs .image-open{border:0;background:transparent;display:inline-block;width:auto;padding:0;cursor:zoom-in}.thumbs .image-open:focus-visible{outline:2px solid #2861dd}

/* Original flash marketplace */
.flash-price{font-size:14px;color:#2260dc;line-height:1.7;margin:8px 0}.flash-cover{display:block;width:100%;padding:0;border:0;background:#f5f5f5}.flash-cover img{width:100%;max-height:600px;object-fit:contain}.works .empty{column-span:all}.summary{overflow-wrap:anywhere} [hidden]{display:none!important}

.social-details{margin-top:28px;padding:16px 0;border-top:1px solid #eee;font-size:13px;color:#777}.social-details summary{cursor:pointer}.social-details .links a{font-size:12px;color:#777;background:none;padding:6px 0}.social-details .links{gap:20px}

header .version{border:0;background:none;padding:0}header .version a{font-size:12px;color:#3f5268;text-decoration:none;padding:9px 10px;border:1px solid #e3e7ed;border-radius:6px;white-space:nowrap}.artist-mode{background:#f4f6f9}.artist-mode header,.artist-mode #nav{background:#fff}.artist-mode header .logo small{color:#526780}.artist-mode #nav{display:flex}.artist-mode #nav a{flex:1;font-size:11px}.artist-mode .panel{background:#fff}.studio-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.studio-menu a{display:block;padding:20px 14px;background:#fff;border:1px solid #e0e5ed;border-radius:8px;color:#273951;text-decoration:none;font-size:14px}.artist-mode .studio-switch{margin-top:4px}.flash-cover+.flash-cover{margin-top:12px}
/* Round 1: calm customer journeys and a distinct Studio workspace. */
:root{--nav-space:calc(76px + env(safe-area-inset-bottom,0px))}main{padding-bottom:calc(var(--nav-space) + 40px)}nav{min-height:var(--nav-space);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.version{border:0;letter-spacing:0;font-size:12px}.hero{margin-top:0;padding-top:12px;display:block}.hero p{max-width:440px;font-size:15px}.hero .note{font-size:11px;margin-bottom:0}.hero .primary{font-size:15px}.hero h1{font-weight:700}.miniworks{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.miniworks img{height:180px}.compact .primary,.compact .secondary{padding:10px 14px;font-size:13px}.profile-works{columns:2}.inspiration{margin:24px 0}.inspiration .wide{margin-top:10px}.flow-actions{position:fixed;bottom:var(--nav-space);left:50%;transform:translateX(-50%);width:100%;max-width:640px;z-index:6;background:#fff;border-top:1px solid var(--line);display:flex;gap:12px;padding:12px 20px}.flow-actions .primary{flex:1}.request-flow{padding-bottom:95px}.step-progress{font-size:13px;color:var(--blue);margin-bottom:18px}.source-reference{display:flex;gap:15px;padding:16px 0}.source-reference img{width:76px;height:96px;object-fit:cover}.request-card{display:block;border-bottom:1px solid var(--line);padding:22px 0}.request-card h3{margin-bottom:4px}#my-saved{margin-top:34px;scroll-margin-top:20px}.page>h2{margin-top:30px}.flash-card{border:1px solid var(--line);padding:10px;border-radius:6px}.flash-card .flash-price{font-size:17px;color:#23272b;font-weight:600}.flash-card .license-badge{display:inline-block;color:#5c6571;background:#f1f3f5;padding:5px 8px;margin:6px 0;font-size:10px}.flash-card .view-flash{font-size:12px;color:var(--blue);display:block;margin-top:8px}.danger{color:#a43c36;border:0;background:none;font-size:12px;padding:10px 0}.work-controls{display:flex;gap:12px;flex-wrap:wrap}.studio-work>div{min-width:0;flex:1}.studio-work .field{font-size:11px;margin:8px 0}.studio-work input{padding:8px}.artist-mode header .logo small{display:inline-block;font-size:16px;letter-spacing:0;color:#23272b;margin-left:0}.artist-mode .studio-metrics{background:#f7f8fa;margin-bottom:24px}details>summary{cursor:pointer;color:#5b626c;font-size:13px;padding:12px 0}.social-details .links a{color:#747a82;font-size:11px}.choice-options{margin-bottom:22px}#toast{bottom:calc(var(--nav-space) + 80px)}
@media(max-width:700px){main{padding-bottom:calc(var(--nav-space) + 35px)}.hero h1{font-size:29px}.hero p{font-size:14px;max-width:100%}.hero .primary{width:100%;font-size:14px}.miniworks img{height:150px}.request-flow .grid{grid-template-columns:1fr}.sectionhead{gap:10px;flex-wrap:wrap}.studio-work{gap:12px;align-items:flex-start}.studio-work>img{width:82px;height:110px}.version{font-size:11px;padding-right:0}.flash-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flash-filters select{font-size:11px;padding:10px 5px}.flash-filters .field{font-size:11px}.flow-actions{max-width:100%}.page h1{font-weight:700}.works .caption{gap:8px}.work small{font-size:10px;line-height:1.6}}
.status{margin:10px 0 20px}.page>.status+h1{margin-top:0}
/* Beta: shared density and readable secondary text. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--muted:#656d78}.note,.work small,.artist-top p{color:#656d78}.note{font-size:12px}.sectionhead span{color:#656d78}.page h1{font-size:26px;line-height:1.35}.page>h2{font-size:20px;margin-top:24px}.field{margin-bottom:16px}.panel{border-radius:6px}.empty{line-height:1.8}.profile h1 .demo-badge{vertical-align:middle}.work .demo-badge{font-size:10px}.profile-works .work{width:100%}@media(max-width:700px){main{padding-top:18px}.hero{margin:0 0 20px;padding:8px 0 24px}.hero h1{font-size:27px}.hero p{margin-bottom:16px}.hero .note{font-size:11px}.page h1{font-size:25px}.field input,.field select,.field textarea{font-size:16px;padding:11px}.work small{font-size:11px}.artist-top p{font-size:12px}.sectionhead span{font-size:10px}.flow-actions{padding-top:10px;padding-bottom:10px}nav a{font-size:11px}.flash-filters select{font-size:13px}}
/* AI V0.1 additions use the existing spacing and color system. */
.ai-panel{margin:12px 0}.ai-tags{margin:12px 0}.ai-tags summary{font-size:14px;font-weight:600}.ai-tags input{margin-right:6px}.ai-tags .chips{flex-wrap:wrap;overflow:visible}.ai-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 24px}.ai-evidence img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.ai-evidence span{font-size:12px;color:#555}.ai-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f6f6f6;padding:12px}.ai-table{overflow-x:auto}.ai-table td,.ai-table th{font-size:12px;text-align:left;padding:8px;border-bottom:1px solid #eee}
#ai-selected{display:flex;flex-wrap:wrap;overflow:visible;margin:12px 0;gap:6px}#ai-selected button{font-size:13px;min-height:36px}
.order-card{display:flex;gap:12px;align-items:center}.order-card img{width:80px;height:100px;object-fit:cover;border-radius:8px}.order-card small{display:block;color:#666;margin-top:8px}.order-cover{display:block;max-width:240px;width:65%;max-height:300px;object-fit:contain;margin:12px auto}.order-actions{margin:16px 0}.order-action input,.order-action textarea{font-size:16px}.support-qr{width:min(240px,100%);height:auto;display:block;margin:16px auto}.support-wechat{user-select:all;-webkit-user-select:all;overflow-wrap:anywhere;font-size:18px}.page>details{margin:16px 0}#support-settings button{margin:8px 4px 8px 0}

/* Shared image-upload presentation; native inputs remain focusable and labelled. */
.field .upload-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);border:0!important}
.upload.upload-legacy{display:contents;font-size:0;color:transparent}
.upload-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:0 0 22px;min-width:0}
.upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:164px;width:100%;padding:24px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:center;color:#23272b;transition:border-color .15s}
.upload-plus{font-size:30px;font-weight:300;line-height:1}
.upload-title{font-size:14px;font-weight:500}.upload-hint{font-size:12px;line-height:1.6;color:#69717b}
.upload-card-small{width:calc((100% - 24px)/3);min-height:132px;padding:12px 6px;gap:6px}.upload-card-small .upload-hint{font-size:10px}
.upload-tile{position:relative;width:calc((100% - 24px)/3);min-width:0}
.upload-grid .upload-tile img{display:block;width:100%;height:132px;max-height:none;object-fit:cover;border-radius:10px;margin:0}
.upload-grid .upload-delete{position:absolute;right:0;top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0 10px 0 10px;background:rgba(255,255,255,.94);color:#23272b;font-size:24px;line-height:1;cursor:pointer}
.upload-grid .upload-cover{margin-top:6px;min-height:36px;border-radius:6px;font-size:11px}
.upload-replace{font-size:13px;color:var(--blue);cursor:pointer;padding:14px 4px;min-height:44px}
.upload-focused{outline:2px solid var(--blue);outline-offset:4px;border-radius:12px}.upload-focused .upload-card{border-color:var(--blue)}
.upload-disabled{opacity:.5;pointer-events:none}
@media(hover:hover){.upload-card:hover{border-color:var(--blue)}.upload-delete:hover{color:var(--blue)}}
@media(max-width:380px){.upload-card-small,.upload-tile{width:calc((100% - 12px)/2)}}