/* DAAILOK | preview-only free creation 2-stage workspace
 * Welcome: centered composer + history below; working: controls left, history right.
 * The layout does not change existing paid generation contracts.
 */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","PingFang SC","Microsoft YaHei UI",sans-serif!important}
body{--free-bg:#0d1013;--free-panel:rgba(30,36,41,.83);--free-edge:rgba(215,227,236,.12);--free-ink:#ecefeb;--free-muted:#a0a9ae;--free-accent:#edc96d;--free-soft:rgba(237,201,109,.10);color:var(--free-ink);background:radial-gradient(ellipse 65% 55% at 58% 2%,rgba(55,91,112,.18),transparent 75%),var(--free-bg);font-size:13px}
body[data-theme=light]{--free-bg:#eff1ef;--free-panel:rgba(255,255,255,.80);--free-edge:rgba(34,48,52,.14);--free-ink:#232a2d;--free-muted:#68747a;--free-accent:#a98338;--free-soft:rgba(169,131,56,.13)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--free-accent);outline-offset:3px}
[hidden]{display:none!important}
.free-top{height:66px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(16,18,22,.56);border-bottom:1px solid var(--free-edge);backdrop-filter:blur(22px)}
body[data-theme=light] .free-top{background:rgba(255,255,255,.66)}
.free-brand{font-size:17px;font-weight:750;letter-spacing:.12em;white-space:nowrap}
.free-brand span{color:var(--free-accent)}
.free-top>span{font-size:12px;font-weight:600}
.free-top small{color:var(--free-muted);font-size:11px}
.free-top>div{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap}
.free-top button{background:var(--free-panel);border:1px solid var(--free-edge);border-radius:10px;padding:9px 12px}
.free-top a:hover{color:var(--free-accent)}
.free-main{height:auto!important;max-width:1480px;padding:35px clamp(20px,3vw,55px) 90px;margin:0 auto;min-height:calc(100vh - 66px)}
.free-heading{text-align:center;padding:14px 0 3px;position:relative}
.free-heading::before{content:"";pointer-events:none;position:absolute;inset:-40px 10% -15px;background-image:radial-gradient(rgba(222,202,152,.08) 1px,transparent 1.8px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 74%);z-index:-1}
.free-overline{font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--free-accent)}
.free-heading h1{font-size:clamp(27px,3.25vw,43px);font-weight:600;letter-spacing:-.035em;margin:20px 0 14px;line-height:1.25}
.free-heading p{color:var(--free-muted);font-size:13px;line-height:1.8;margin:0}
.free-tabs{display:flex;align-items:center;justify-content:center;gap:4px;margin:34px auto 30px;padding:5px;width:min(100%,350px);border-radius:100px;background:rgba(150,155,157,.12);border:1px solid var(--free-edge)}
.free-tabs button{border:0;background:transparent;color:var(--free-muted);height:40px;flex:1;border-radius:100px;font-size:13px;transition:background .17s}
.free-tabs button[aria-selected=true]{color:var(--free-ink);font-weight:600;background:linear-gradient(120deg,rgba(237,201,109,.31),rgba(113,169,189,.25));box-shadow:0 1px 8px #0002}
.free-columns{display:grid;grid-template-columns:1fr;gap:24px}
.free-panel{min-width:0}
.free-compose{background:var(--free-panel);border:1px solid var(--free-edge);border-radius:23px;backdrop-filter:blur(26px);box-shadow:inset 0 1px 0 #ffffff0a}
.free-compose-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.free-compose-title h2{font-size:18px;line-height:1.4;margin:0}
.free-compose-title button{background:transparent;border:1px solid var(--free-edge);color:var(--free-muted);font-size:11px;border-radius:9px;padding:8px 10px}
.free-compose .free-prompt-label{display:block;color:var(--free-muted);font-size:12px;font-weight:600;margin-bottom:8px}
.free-compose textarea{display:block;width:100%;resize:vertical;min-height:144px;padding:14px 15px;line-height:1.75;background:rgba(74,86,93,.065);border:1px solid var(--free-edge);border-radius:12px;outline:none;color:var(--free-ink);font-size:13px}
.free-compose textarea:focus{border-color:var(--free-accent)}
.free-compose textarea::placeholder{color:var(--free-muted)}
.free-settings{margin-top:21px}
.free-setting-title{display:block;font-size:12px;font-weight:600;margin:0 0 10px}
.free-model-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.free-model-chips button{padding:10px 13px;border:1px solid var(--free-edge);background:rgba(106,118,125,.08);border-radius:10px;color:var(--free-muted);font-size:12px;text-align:left}
.free-model-chips button[aria-pressed=true]{background:var(--free-soft);color:var(--free-accent);border-color:var(--free-accent)}
.free-model-choice select{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.free-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px}
.free-form-row label{font-weight:600;font-size:12px;line-height:1.55}
.free-form-row select{width:100%;margin-top:7px;border:1px solid var(--free-edge);border-radius:10px;background:rgba(110,120,130,.09);padding:12px;font-size:12px;color:var(--free-ink)}
.free-ratio-tip{margin:0;color:var(--free-muted);font-size:11px;line-height:1.65}
.free-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:19px}
.free-reference{display:flex;align-items:center;gap:8px;min-width:0;color:var(--free-muted);font-size:12px}
.free-reference label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;border:1px solid var(--free-edge);border-radius:10px;white-space:nowrap}
.free-reference label:hover{border-color:var(--free-accent);color:var(--free-accent)}
.free-ref-plus{font-size:18px;color:var(--free-accent);line-height:1}
.free-reference input{position:absolute;width:1px;height:1px;opacity:0}
.free-ref-count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.free-generate{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:126px;height:42px;border-radius:11px;border:none;background:#edc96d;color:#13191d;font-size:13px;font-weight:700;white-space:nowrap}
.free-generate:disabled{opacity:.6;cursor:wait}
.free-hint{font-size:11px;line-height:1.6;color:var(--free-muted);margin:10px 0 0}
.free-status{font-size:12px;line-height:1.7;margin:12px 0 0;color:var(--free-muted);min-height:20px}
.free-status.error{color:#e68f86}
.free-results{min-width:0}
.free-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:5px 0 14px}
.free-results-head h2{margin:0 0 6px;font-size:17px;font-weight:600}
.free-results-head p{margin:0;color:var(--free-muted);font-size:11px}
.free-result-actions{display:flex;gap:8px;flex-wrap:wrap}
.free-result-actions button{border:1px solid var(--free-edge);border-radius:9px;background:rgba(108,116,122,.07);padding:9px 12px;color:var(--free-ink);font-size:12px}
.free-result-actions button:disabled{opacity:.4}
.free-result-actions #freeBatchDelete:not(:disabled){color:#e58e7f;border-color:#e58e7f66}
.free-history-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:10px 0 16px}
.free-history-filters button{font-size:12px;padding:9px 18px;border:1px solid var(--free-edge);background:transparent;border-radius:10px;color:var(--free-muted)}
.free-history-filters button.active{border-color:var(--free-accent);color:var(--free-accent);background:var(--free-soft)}
.free-history-filters input{background:rgba(104,119,131,.07);border:1px solid var(--free-edge);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--free-ink);margin-left:auto;min-width:180px}
.free-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.free-item{min-width:0;position:relative;background:var(--free-panel);border:1px solid var(--free-edge);border-radius:14px;overflow:hidden;transition:border-color .18s}
.free-item:hover{border-color:rgba(237,201,109,.5)}
.free-item-link{display:block;min-width:0}
.free-item-media{aspect-ratio:16/10;position:relative;display:grid;place-items:center;background:linear-gradient(150deg,rgba(98,131,144,.14),rgba(20,29,34,.12));overflow:hidden;color:var(--free-muted)}
.free-item-media img,.free-item-media video{width:100%;height:100%;object-fit:cover;display:block}
.free-item-media .free-pending-icon{font-size:25px;opacity:.75}
.free-item-detail{padding:11px 12px 13px}
.free-item-title{font-size:12px;font-weight:600;line-height:1.6;margin:0 0 7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.free-item-meta{font-size:10px;line-height:1.55;color:var(--free-muted)}
.free-item-state{display:inline-block;margin-top:8px;color:var(--free-accent);font-size:11px}
.free-item .free-check{position:absolute;top:9px;left:9px;z-index:4;display:none;align-items:center;gap:7px;background:rgba(19,22,25,.91);padding:7px 9px;border-radius:9px;border:1px solid var(--free-edge);color:#fff;font-size:11px;cursor:pointer}
.free-results.is-batching .free-item .free-check{display:flex}
.free-check[aria-checked=true]{border-color:var(--free-accent)}
.free-check input{pointer-events:none;accent-color:var(--free-accent)}
.free-empty{padding:45px 15px;grid-column:1/-1;text-align:center;font-size:12px;color:var(--free-muted);border:1px dashed var(--free-edge);border-radius:13px;line-height:1.8}
/* View 1: welcome, centered composer. */
body[data-free-view=welcome] .free-compose{max-width:1040px;width:100%;margin:0 auto;padding:26px 31px}
body[data-free-view=welcome] .free-compose-title,body[data-free-view=welcome] .free-prompt-label,body[data-free-view=welcome] .free-settings{display:none}
body[data-free-view=welcome] .free-compose textarea{font-size:15px;min-height:132px;border:none;background:none;padding:4px 2px;resize:vertical}
body[data-free-view=welcome] .free-compose-bottom{margin-top:9px}
body[data-free-view=welcome] .free-results{margin-top:18px}
body[data-free-view=welcome] .free-results-head{margin-bottom:5px}
/* View 2: after explicit generation, settings left and history right. */
body[data-free-view=workspace] .free-main{max-width:1550px;padding-top:27px}
body[data-free-view=workspace] .free-heading{display:none}
body[data-free-view=workspace] .free-tabs{margin:0 0 22px 0}
body[data-free-view=workspace] .free-columns{grid-template-columns:minmax(340px,43%) minmax(0,1fr);gap:19px;align-items:start}
body[data-free-view=workspace] .free-compose{padding:25px;position:sticky;top:14px}
body[data-free-view=workspace] .free-results{padding:8px 7px 25px 8px}
body[data-free-view=workspace] .free-result-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:990px){body[data-free-view=workspace] .free-columns{grid-template-columns:1fr}body[data-free-view=workspace] .free-compose{position:static}.free-result-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:650px){.free-main{padding:23px 16px 60px}.free-top{height:60px;padding:0 16px}.free-top>span{display:none}.free-heading h1{font-size:29px}.free-heading p{font-size:12px}.free-tabs{margin:27px auto 20px}.free-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-result-actions{width:100%}.free-results-head{align-items:flex-start;flex-wrap:wrap}.free-history-filters input{width:100%;margin-left:0}body[data-free-view=welcome] .free-compose{padding:19px}.free-compose-bottom{gap:8px}.free-generate{min-width:112px}.free-form-row{grid-template-columns:1fr}body[data-free-view=workspace] .free-compose{padding:19px}}
@media(prefers-reduced-motion:reduce){.free-item{transition:none}}

/* Prompt composer refinements · 2026-10-27.
   Reuses the 3D Studio warm-gold active control and pressed interaction.
   Scope remains exclusively /preview/create; no production CSS imports. */
body:not([data-theme=light]){
  --free-bg:#090909;
  --free-panel:rgba(26,26,26,.89);
  --free-edge:rgba(236,236,236,.12);
  --free-muted:#9a9da0;
  --free-soft:rgba(238,201,127,.10);
  background:#090909!important;
}
body:not([data-theme=light]) .free-top{background:#101010}
body:not([data-theme=light]) .free-heading::before{background-image:radial-gradient(rgba(226,194,129,.045) .9px,transparent 1.4px)}
body:not([data-theme=light]) .free-tabs{background:rgba(35,35,35,.88)}
body:not([data-theme=light]) .free-tabs button[aria-selected=true]{
  background:linear-gradient(145deg,rgba(238,201,127,.16),rgba(238,201,127,.045));
  border:1px solid rgba(238,201,127,.48);color:#f0cf86;
  box-shadow:inset 0 1px 0 rgba(255,241,205,.08)
}
body:not([data-theme=light]) .free-result-grid .free-item-media{background:linear-gradient(145deg,#191919,#111)}
.free-compose .free-reference{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;min-width:0}
.free-reference input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.free-ref-tiles{display:flex;gap:9px;align-items:flex-start;flex-wrap:wrap;width:100%;min-height:76px}
.free-upload-tile,.free-ref-preview{
  width:76px;height:76px;flex:0 0 76px;position:relative;border-radius:13px;
  border:1px solid var(--free-edge);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:4px;overflow:hidden;
}
.free-upload-tile{cursor:pointer;color:var(--free-muted);font-size:10px;line-height:1.2;transition:background .18s,border-color .18s,transform .18s}
.free-upload-tile .free-upload-plus{font-size:26px;font-weight:400;line-height:1;color:var(--free-accent)}
.free-upload-tile:hover,.free-upload-tile:focus-within{border-color:rgba(238,201,127,.48);background:var(--free-soft);transform:translateY(-1px)}
.free-ref-preview img{width:100%;height:100%;object-fit:cover;display:block}
.free-ref-remove{position:absolute;top:3px;right:3px;z-index:1;border:1px solid #ffffff6b;
  background:rgba(12,12,12,.85);color:white;width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer}
.free-ref-remove:hover{background:#a84343}
.free-ref-count{font-size:10px;line-height:1.4;color:var(--free-muted)}
.free-compose .free-prompt-label{display:none!important}
.free-compose textarea#freePrompt{min-height:106px;resize:vertical;border:none!important;background:transparent!important;
  outline:none!important;font-size:14px;line-height:1.65;caret-color:var(--free-accent);padding:8px 2px 5px}
.free-compose textarea#freePrompt::placeholder{color:var(--free-muted);opacity:1}
.free-compose textarea#freePrompt:focus-visible{outline:none!important;box-shadow:none!important}
.free-compose-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}
.free-inline-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap;flex:1;min-width:0}
.free-control-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.free-control-caption{font-size:10px;line-height:1.2;color:var(--free-muted)}
.free-control-wrap select{display:block;max-width:210px;min-width:0;width:auto;height:39px;
  padding:0 24px 0 11px;border:1px solid var(--free-edge);border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  color:var(--free-ink);font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;
  transition:background .18s,border-color .18s,transform .14s;cursor:pointer}
.free-control-wrap select:hover,.free-control-wrap select:focus-visible{
  border-color:rgba(238,201,127,.48);background:linear-gradient(145deg,rgba(238,201,127,.12),rgba(238,201,127,.03))}
.free-control-wrap select:active{transform:translateY(1px)}
.free-control-wrap select option{background:#242424;color:#f0f0ed}
body[data-theme=light] .free-control-wrap select option{background:#fff;color:#222}
.free-ratio-control select{max-width:120px}
.free-generate{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;
  border:1px solid rgba(238,201,127,.53);border-radius:100px;padding:0 15px 0 19px;
  height:42px;min-width:146px;color:#151515;background:linear-gradient(150deg,#f3d789,#edc96d);
  box-shadow:inset 0 1px 0 rgba(255,245,210,.65),0 4px 15px rgba(237,201,109,.12);
  transition:background .16s,transform .16s,box-shadow .16s,border-color .16s}
.free-generate:hover:not(:disabled){
  background:linear-gradient(145deg,#ffe0a3,#f2d079);
  border-color:#f9e2a3;box-shadow:inset 0 1px 0 rgba(255,255,255,.60),0 5px 18px rgba(237,201,109,.22);
  transform:translateY(-1px)}
.free-generate:active:not(:disabled){transform:translateY(1px) scale(.985);
  box-shadow:inset 0 2px 7px rgba(108,75,20,.17),0 1px 4px rgba(237,201,109,.12)}
.free-generate-mark{font-size:18px;font-weight:600;line-height:1}
body[data-theme=light] .free-generate{background:linear-gradient(145deg,#edce7b,#dab45d);color:#181a1b}
.free-compose-foot{display:flex;align-items:flex-start;flex-direction:column;gap:1px;margin-top:9px}
.free-compose-foot .free-hint,.free-compose-foot .free-status{margin:0;color:var(--free-muted);font-size:10.5px;line-height:1.6}
.free-compose-foot .free-status.error{color:#ec968c}
body[data-free-view=welcome] .free-compose .free-reference{margin-bottom:6px}
body[data-free-view=welcome] .free-compose textarea#freePrompt{min-height:100px;font-size:15px;padding-top:10px}
body[data-free-view=welcome] .free-compose-bottom{margin-top:0}
body[data-free-view=welcome] .free-compose{padding-top:22px;padding-bottom:21px}
body[data-free-view=workspace] .free-compose .free-reference{margin-bottom:13px}
body[data-free-view=workspace] .free-compose textarea#freePrompt{min-height:170px}
@media(max-width:700px){
 .free-upload-tile,.free-ref-preview{width:64px;height:64px;flex-basis:64px}
 .free-ref-tiles{min-height:64px}
 .free-compose-bottom{flex-wrap:wrap}
 .free-inline-controls{width:100%;flex:1 1 100%}
 .free-control-wrap select{max-width:170px}
 .free-generate{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 .free-upload-tile,.free-generate,.free-control-wrap select{transition:none}
}

/* UI pass: compact writing area + Studio-consistent select popup
   instead of the operating system's unstyled native option menu. */
body[data-free-view=welcome] .free-compose{
  padding:16px 21px 15px!important;
  border-radius:20px;
  max-width:1030px;
}
body[data-free-view=welcome] .free-compose .free-reference{margin-bottom:1px!important;gap:3px}
body[data-free-view=welcome] .free-ref-tiles{min-height:62px}
body[data-free-view=welcome] .free-upload-tile,
body[data-free-view=welcome] .free-ref-preview{width:62px;height:62px;flex-basis:62px;border-radius:12px}
body[data-free-view=welcome] .free-upload-tile .free-upload-plus{font-size:22px}
body[data-free-view=welcome] .free-compose textarea#freePrompt{
  height:78px!important;min-height:78px!important;max-height:170px;
  line-height:1.55;padding:8px 0 1px;font-size:14px;
}
body[data-free-view=welcome] .free-compose-bottom{margin-top:1px}
body[data-free-view=welcome] .free-compose-foot{margin-top:5px}
body[data-free-view=welcome] .free-compose-foot .free-hint,
body[data-free-view=welcome] .free-compose-foot .free-status{line-height:1.4}
body[data-free-view=workspace] .free-compose textarea#freePrompt{min-height:132px;height:132px}
.free-inline-controls{gap:10px;align-items:end}
.free-control-wrap{gap:6px;min-width:0}
.free-control-caption{font-size:11px;font-weight:500;color:var(--free-muted)}
.free-smart-select{position:relative;width:100%;min-width:0}
.free-control-wrap:first-child{width:210px;max-width:min(44vw,210px)}
.free-control-wrap:nth-child(2){width:139px;max-width:min(28vw,139px)}
.free-control-wrap:nth-child(3){width:125px;max-width:min(25vw,125px)}
.free-smart-select select{
  position:absolute!important;width:1px!important;height:1px!important;
  overflow:hidden!important;opacity:0!important;pointer-events:none!important;
  clip-path:inset(50%)!important;padding:0!important;border:0!important;
}
.free-smart-trigger{
  width:100%;height:39px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:0 12px!important;white-space:nowrap;min-width:0;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  color:var(--free-ink);border:1px solid var(--free-edge);border-radius:10px;
  font-family:inherit;font-size:12px;font-weight:500;text-align:left;
  transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;
}
.free-smart-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.free-smart-arrow{
  flex:0 0 7px;width:7px;height:7px;display:block;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.78;transition:transform .15s;
  margin-right:3px;
}
.free-smart-select.open .free-smart-arrow{transform:rotate(225deg) translate(-2px,-1px)}
.free-smart-trigger:hover,.free-smart-trigger:focus-visible,
.free-smart-select.open .free-smart-trigger{
  border-color:rgba(238,201,127,.52);
  background:linear-gradient(145deg,rgba(238,201,127,.14),rgba(238,201,127,.035));
  box-shadow:inset 0 1px 0 rgba(255,241,205,.08);
}
.free-smart-trigger:active{transform:translateY(1px)}
.free-smart-menu{
  position:absolute;top:calc(100% + 7px);left:0;
  min-width:max(100%,200px);max-width:min(335px,90vw);width:max-content;
  z-index:350;max-height:min(340px,57vh);overflow-y:auto;overflow-x:hidden;
  padding:6px;border:1px solid rgba(226,222,210,.18);border-radius:12px;
  background:#202021;color:#f0f0ed;
  box-shadow:0 16px 44px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  scrollbar-color:rgba(232,211,161,.32) transparent;
}
.free-smart-menu[hidden]{display:none!important}
.free-smart-select.drop-up .free-smart-menu{top:auto;bottom:calc(100% + 7px)}
.free-smart-option{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;min-height:37px;padding:9px 11px;
  text-align:left;font-family:inherit;font-size:12px;font-weight:500;line-height:1.35;color:#dadbdb;
  background:transparent;border:0;border-radius:8px;white-space:nowrap;
}
.free-smart-option:hover,.free-smart-option:focus-visible{background:rgba(255,255,255,.075);color:white;outline:none}
.free-smart-option[aria-selected=true]{
  background:rgba(238,201,127,.13);color:#f0cf86;
}
.free-smart-check{color:#f0cf86;font-size:13px;min-width:13px;text-align:center}
.free-smart-group{
  padding:10px 10px 5px;color:#9c9fa1;font-size:10px;
  font-weight:650;letter-spacing:.06em;
}
body[data-theme=light] .free-smart-menu{
  background:#fafafa;color:#2b2b2b;border-color:rgba(0,0,0,.10);
  box-shadow:0 12px 35px #0002;
}
body[data-theme=light] .free-smart-option{color:#303132}
body[data-theme=light] .free-smart-option:hover{background:#ededed}
body[data-theme=light] .free-smart-option[aria-selected=true]{
  background:rgba(164,122,45,.13);color:#805b12;
}
body[data-theme=light] .free-smart-group{color:#777}
body[data-theme=light] .free-smart-check{color:#805b12}
.free-generate{min-width:158px;height:49px;padding:0 13px 0 18px;gap:12px;border-radius:24px}
.free-generate-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.1}
.free-generate-copy strong{font-size:12px;font-weight:700;white-space:nowrap}
.free-generate-credits{display:inline-flex;gap:5px;align-items:center;font-size:10px;line-height:1;color:#5d481f;font-weight:600;white-space:nowrap}
.free-coin-icon{width:14px;height:14px;display:block;flex:none}
.free-generate-mark{font-size:18px;margin-left:2px}
body[data-theme=light] .free-generate-credits{color:#634818}
@media(max-width:820px){
  .free-inline-controls{gap:7px}
  .free-control-wrap:first-child{width:172px}
  .free-control-wrap:nth-child(2){width:122px}
  .free-control-wrap:nth-child(3){width:105px}
}
@media(max-width:630px){
 body[data-free-view=welcome] .free-compose{padding:15px!important}
 body[data-free-view=welcome] .free-compose textarea#freePrompt{min-height:85px!important;height:85px!important}
 .free-control-wrap:first-child{width:calc(50% - 4px);max-width:none}
 .free-control-wrap:nth-child(2){width:calc(50% - 4px);max-width:none}
 .free-control-wrap:nth-child(3){width:110px;max-width:none}
 .free-smart-menu{max-width:90vw}
 .free-generate{min-width:150px}
}

/* V3 preview creator: single compact input and the same neutral/hover/pressed
   interaction states as the 3D Studio's .creation-quality-btn.
   All selectors are scoped to this standalone test page only. */
body{
  --free-nav-width:200px;
  padding-left:var(--free-nav-width)!important;
  transition:padding-left .16s ease;
}
body.free-nav-collapsed{--free-nav-width:62px}
body[data-theme=dark] .free-top,body:not([data-theme=light]) .free-top{background:#101010}
.free-sidebar{
  position:fixed;inset:0 auto 0 0;z-index:1000;width:var(--free-nav-width);
  display:flex;flex-direction:column;min-height:100vh;
  background:var(--free-bg);border-right:1px solid var(--free-edge);
  padding:14px 10px 16px;overflow-x:hidden;overflow-y:auto;
  transition:width .16s ease;
}
.free-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  height:45px;margin-bottom:20px;padding:0 6px;white-space:nowrap}
.free-side-logo{font-size:18px;font-weight:750;letter-spacing:.08em;color:var(--free-ink)}
.free-side-collapse{flex:0 0 30px;width:30px;height:30px;border:1px solid var(--free-edge);border-radius:9px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:var(--free-muted);
  font:500 18px/1 inherit}
.free-side-nav{display:flex;flex-direction:column;gap:5px}
.free-side-item,.free-side-home{min-height:42px;display:flex;align-items:center;gap:10px;
  padding:0 10px;border:1px solid transparent;border-radius:11px;background:transparent;
  color:var(--free-muted);text-decoration:none;font:500 12px/1.45 inherit;white-space:nowrap;text-align:left;
  transition:background .16s,border-color .16s,transform .14s,color .16s;cursor:pointer}
.free-side-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;font-size:19px;color:inherit}
.free-side-item:hover,.free-side-home:hover,.free-side-collapse:hover{
  color:var(--free-accent);border-color:rgba(238,201,127,.30);
  background:linear-gradient(145deg,rgba(238,201,127,.08),rgba(255,255,255,.022))}
.free-side-item:active,.free-side-home:active,.free-side-collapse:active{transform:scale(.985)}
.free-side-item.is-active{
  color:#f6d790;border-color:rgba(238,201,127,.38);
  background:linear-gradient(145deg,rgba(238,201,127,.13),rgba(255,255,255,.025));
  box-shadow:inset 2px 0 0 var(--free-accent),0 6px 16px #0002}
.free-side-divider{height:1px;background:var(--free-edge);margin:14px 4px}
.free-side-home{margin-top:auto;border-color:var(--free-edge)}
body.free-nav-collapsed .free-sidebar{padding-left:6px;padding-right:6px}
body.free-nav-collapsed .free-side-head{justify-content:center;padding:0}
body.free-nav-collapsed .free-side-logo,body.free-nav-collapsed .free-side-label{display:none}
body.free-nav-collapsed .free-side-item,body.free-nav-collapsed .free-side-home{justify-content:center;padding:0}
body.free-nav-collapsed .free-side-collapse{flex-basis:35px;width:35px}
.free-main{max-width:1480px}
body[data-free-view=welcome] .free-compose{
  width:100%;padding:14px 20px 13px!important;
  border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
body[data-free-view=welcome] .free-compose textarea#freePrompt{
  min-height:62px!important;height:62px!important;max-height:125px;
  padding:7px 1px 0;font-size:13px;line-height:1.5;
}
body[data-free-view=welcome] .free-ref-tiles{min-height:54px}
body[data-free-view=welcome] .free-upload-tile,
body[data-free-view=welcome] .free-ref-preview{
 width:56px;height:56px;flex-basis:56px;border-radius:11px}
body[data-free-view=welcome] .free-upload-tile .free-upload-plus{font-size:21px}
body[data-free-view=welcome] .free-compose .free-reference{margin-bottom:0!important}
body[data-free-view=welcome] .free-compose-bottom{margin-top:4px}
.free-compose-foot{margin-top:0!important}
.free-compose-foot .free-hint[hidden],.free-compose-foot .free-status:empty{display:none!important}
.free-ref-count[hidden]{display:none!important}
.free-ref-count{font-size:11px;align-self:start}
.free-compose .free-reference{margin-bottom:4px}
.free-inline-controls{gap:9px;min-width:0}
.free-control-caption{font-size:11px;line-height:1.3}
.free-smart-trigger{height:37px}
body .free-generate,body[data-theme=light] .free-generate{
  display:inline-flex!important;flex-direction:row!important;gap:10px!important;
  justify-content:center;align-items:center;white-space:nowrap!important;
  min-width:0!important;width:auto!important;min-height:0!important;
  height:37px!important;padding:0 13px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:10px!important;
  color:var(--free-ink)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-family:inherit;font-size:12px;font-weight:600;
  transform:none;transition:background .16s,border-color .16s,box-shadow .16s,transform .13s;
}
body .free-generate:hover:not(:disabled),body[data-theme=light] .free-generate:hover:not(:disabled){
  color:var(--free-accent)!important;
  border-color:rgba(238,201,127,.32)!important;
  background:linear-gradient(145deg,rgba(238,201,127,.085),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,241,205,.05)!important;
  transform:none!important;
}
body .free-generate:active:not(:disabled){
  transform:scale(.985)!important;
  border-color:rgba(238,201,127,.48)!important;
  background:linear-gradient(145deg,rgba(238,201,127,.16),rgba(238,201,127,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,241,205,.08)!important;
}
body.free-generating .free-generate{border-color:rgba(238,201,127,.35)!important;color:var(--free-accent)!important}
.free-generate-credits,body[data-theme=light] .free-generate-credits{
  color:var(--free-muted)!important;font-size:11px;line-height:1;display:inline-flex;align-items:center;gap:5px;
  font-weight:500;white-space:nowrap}
body .free-generate:hover .free-generate-credits{color:var(--free-accent)!important}
.free-coin-icon{width:14px;height:14px}
.free-compose-foot .free-status:not(:empty){
  font-size:11px;line-height:1.45;margin:8px 0 0;
  padding:7px 10px;border-radius:8px;border:1px solid rgba(238,201,127,.20);
  width:max-content;max-width:100%;background:rgba(238,201,127,.035);
}
.free-compose-foot .free-status.error{border-color:rgba(230,143,134,.35);color:#e68f86}
.free-tabs button,.free-result-actions button,.free-history-filters button,
.free-smart-trigger,.free-upload-tile,.free-compose-title button,.free-top button{
  transition:background .16s,border-color .16s,box-shadow .16s,transform .13s,color .16s}
.free-result-actions button:hover,.free-history-filters button:hover,
.free-compose-title button:hover,.free-top button:hover{
  background:linear-gradient(145deg,rgba(238,201,127,.08),rgba(255,255,255,.022));
  border-color:rgba(238,201,127,.30);color:var(--free-accent)}
.free-result-actions button:active,.free-history-filters button:active,
.free-compose-title button:active,.free-top button:active,
.free-tabs button:active,.free-smart-trigger:active{transform:scale(.985)}
body[data-theme=light] .free-side-item.is-active{color:#977126}
@media(max-width:900px){
 body{--free-nav-width:62px}
 body .free-sidebar{padding-left:6px;padding-right:6px}
 body .free-side-logo,body .free-side-label{display:none!important}
 body .free-side-item,body .free-side-home{justify-content:center;padding:0}
 body .free-side-head{justify-content:center;padding:0}
 body .free-side-collapse{flex-basis:35px}
 .free-inline-controls{gap:7px}
}
@media(max-width:640px){
 body{--free-nav-width:50px}
 .free-side-item,.free-side-home{min-height:38px}
 .free-side-icon{font-size:16px}
 .free-sidebar{padding:8px 3px}
 .free-top>div{gap:7px}
 .free-main{padding:20px 12px 45px}
 body[data-free-view=welcome] .free-compose{padding:11px!important}
 .free-compose-bottom{gap:8px;flex-wrap:wrap}
 .free-inline-controls{flex-basis:100%}
 .free-generate{margin-left:auto}
}

/* 2026-10-29: retain the user's original circle/square icon; only tint gold. */
.free-generate-credits .free-coin-icon{color:#edc46e!important;stroke:#edc46e!important;width:14px;height:14px;flex:none}
body[data-theme=light] .free-generate-credits .free-coin-icon{color:#bd8d2c!important;stroke:#bd8d2c!important}