.product-studio .topbar{max-width:1320px}.studio-nav{display:flex;padding:4px;border-radius:999px;margin-left:auto}.studio-nav button{background:none;border:0;border-radius:999px;padding:11px 22px;font-size:.9375rem}.studio-nav button[aria-current]{background:rgba(255,255,255,.32);box-shadow:inset 0 1px 0 #fff}.product-library,.product-builder{max-width:1240px;margin:0 auto;padding:22px 30px 50px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.quiet-label{font-size:.875rem;color:#5e646d}.library-heading h1{font-size:2rem;letter-spacing:-.035em;margin:12px 0}.library-heading p,.builder-heading p{line-height:1.85;color:#5e646d;font-size:1rem}.library-controls{padding:24px;border-radius:28px}.library-controls>label:first-child{max-width:580px}.purpose-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.purpose-tabs button{border:1px solid transparent;background:transparent;border-radius:999px;padding:10px 17px;min-height:44px;font-size:.875rem}.purpose-tabs button[aria-pressed=true]{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 white}.availability-filter{display:flex;align-items:center;gap:10px;font-size:.875rem}.availability-filter input{width:19px;height:19px;accent-color:#525d68;margin:0}.result-line{display:flex;align-items:center;justify-content:space-between;margin:18px 4px;font-size:.875rem;color:#5e646d}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{border-radius:26px;padding:18px;text-align:left;min-width:0}.product-card h2{font-size:1.0625rem;line-height:1.6;margin:12px 0 5px}.product-card p{font-size:.875rem;color:#5e646d;line-height:1.7;margin:6px 0}.product-card img{width:100%;height:230px;object-fit:contain;background:rgba(255,255,255,.35);border-radius:13px;display:block}.product-card .card-id{font-size:.75rem;color:#5e646d;display:block;margin-top:15px}.product-card .card-action{display:block;font-size:.875rem;color:#35578a;margin-top:16px}.product-card.no-preview{min-height:205px}.catalog-empty{grid-column:1/-1}.library-note{padding:24px 28px;margin-top:32px;border-radius:26px;line-height:1.8}.library-note p{color:#5e646d}.library-note a{color:#35578a;font-size:.875rem}.builder-heading h1{font-size:1.75rem;margin:10px 0}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.form-shell{padding:24px;border-radius:28px;min-width:0}.builder-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.builder-progress button{border:0;background:none;border-radius:999px;padding:12px 5px;font-size:.875rem}.builder-progress button[aria-current]{background:rgba(255,255,255,.35);box-shadow:inset 0 1px 0 white}.form-heading{margin:25px 0}.form-heading h2{font-size:1.375rem;margin:10px 0}.form-heading p{font-size:.9375rem;line-height:1.8;color:#5e646d}.field-group{border:0;min-width:0;margin:0 0 24px;padding:0}.field-group legend{font-weight:600;margin-bottom:15px;font-size:1rem;max-width:100%}.group-toggle{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:.875rem;font-weight:400}.group-toggle input{width:18px;height:18px;margin:0;accent-color:#5e646d}.group-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.group-fields label{min-width:0;overflow-wrap:anywhere;font-size:.9375rem}.group-fields label.long{grid-column:1/-1}input,textarea,select{font-size:1rem!important}textarea{resize:vertical;min-height:90px;line-height:1.7}.optional-label{font-weight:400;color:#5e646d;font-size:.75rem}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.6);padding-top:22px}.draft-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.local-note{font-size:.8125rem;color:#5e646d;line-height:1.8;margin-bottom:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.preview-heading h2{font-size:1.125rem;margin:0}.preview-heading label{display:flex;align-items:center;gap:10px;font-size:.875rem}.preview-heading select{width:95px;padding:9px}.preview-shell{min-width:0}.paper-host{border-radius:28px;padding:22px;overflow:hidden}.paper-scale{transform-origin:top left}.filled-page{background:#fff;color:#262a31;width:794px;min-height:1123px;padding:56px 60px;font-family:'Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;font-size:10.5pt;line-height:1.18;box-shadow:0 3px 14px rgba(30,40,50,.05);margin-bottom:22px;overflow-wrap:anywhere;box-sizing:border-box}.filled-page p{margin:0 0 5pt;min-height:3pt}.filled-page table{border-collapse:collapse;width:100%;table-layout:fixed;margin:5pt 0}.filled-page td{vertical-align:top;padding:4pt 5pt;overflow-wrap:anywhere}.filled-page p:empty{min-height:2pt}.filled-page [data-field]{white-space:pre-wrap}.filled-page [data-field]:empty{display:none}.filled-page .empty-hint{color:#858b93}.export-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.studio-footer{max-width:1240px;margin:auto;padding:18px 30px 35px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:.875rem;color:#5e646d}.studio-footer>span{margin-right:auto}.mobile-preview-controls{display:none}.example-preview img{max-width:100%;height:auto}.example-preview p{font-size:.875rem;color:#5e646d;line-height:1.8}.loading-note{line-height:1.8;padding:26px}.toggle-none{font-size:.875rem;line-height:1.8;color:#5e646d}.sheet{max-height:85dvh}.check button{font-size:.875rem}.form-heading{scroll-margin-top:20px}
@media(max-width:900px){.product-card img{height:190px}.builder-layout{gap:20px}.form-shell{padding:20px}.group-fields{grid-template-columns:1fr}.group-fields label.long{grid-column:auto}}
@media(max-width:700px){.topbar{padding:18px 16px;gap:10px;flex-wrap:wrap}.studio-nav{order:3;width:100%;justify-content:center}.studio-nav button{flex:1}.brand{font-size:1rem}.topbar>#helpButton{margin-left:auto}.product-library,.product-builder{padding:12px 16px 30px}.library-heading{display:block;margin-bottom:20px}.library-heading h1{font-size:1.5rem}.library-heading>button{margin-top:10px;font-size:.875rem}.library-controls{padding:18px}.purpose-tabs{gap:2px}.purpose-tabs button{padding:9px 12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:12px;border-radius:22px}.product-card img{height:170px}.product-card h2{font-size:1rem}.builder-layout{display:flex;flex-direction:column}.form-shell,.preview-shell{width:100%}.preview-heading{margin-top:8px}.preview-shell .paper-host{display:none}.preview-shell.expanded .paper-host{display:block}.mobile-preview-controls{display:block;margin-bottom:16px}.studio-footer{padding:20px 16px 30px;gap:16px}.studio-footer>span{width:100%}.builder-progress button{font-size:.875rem;padding:12px 4px}.form-shell{padding:20px 16px}.draft-actions{gap:13px}.builder-heading h1{font-size:1.375rem}.paper-host{padding:12px}.group-fields{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-buttons button{width:100%}.sheet{border-radius:30px 30px 0 0;margin:auto 0 0;width:100%;max-width:none;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.form-footer{padding-bottom:env(safe-area-inset-bottom)}.library-note{padding:20px}.product-card img{height:180px}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-card img{height:260px}.builder-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.result-line{align-items:flex-start;gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{background:#f1f2f3;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#80868d}.glass:before{display:none}.secondary,.quiet-label,.local-note,.field-hint{color:#454b53}}
@supports not (backdrop-filter:blur(8px)){.glass{background:rgba(245,246,247,.95)}}
@media print{body{background:#fff!important}body>.topbar,.product-library,.builder-heading,.form-shell,.preview-heading,.mobile-preview-controls,.studio-footer,.pageNote,dialog,.toast{display:none!important}.product-builder,.builder-layout,.preview-shell,#paperHost,#paperScale,#pages{display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;transform:none!important;overflow:visible!important}.preview-shell .paper-host{display:block!important}.filled-page{width:210mm;min-height:297mm;padding:15mm 16mm;box-shadow:none;margin:0;break-after:page;page-break-after:always}.filled-page:last-child{break-after:auto}#pageNote{display:none!important}p{orphans:2;widows:2}@page{size:A4;margin:0}}
.ai-label,.ai-suggestion{display:grid;gap:.65rem;margin:1.3rem 0;color:#262A31}
.ai-label select,.ai-label textarea,.ai-suggestion textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:.85rem 1rem;background:rgba(255,255,255,.2);color:#262A31;font:inherit;line-height:1.8;resize:vertical}
.ai-label select:focus-visible,.ai-label textarea:focus-visible,.ai-suggestion textarea:focus-visible{outline:2px solid #35578A;outline-offset:3px}
.ai-consent,.ai-suggestion span{display:flex;gap:.7rem;align-items:flex-start;font-size:1rem;line-height:1.8}
.ai-consent input[type="checkbox"],.ai-suggestion input[type="checkbox"]{flex:none;width:1.1rem;height:1.1rem;margin-top:.3rem;accent-color:#5E646D}
.ai-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem}
.ai-suggestion small{font-size:.875rem;line-height:1.8;color:#5E646D;overflow-wrap:anywhere}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.ai-label select,.ai-label textarea,.ai-suggestion textarea{background:#f8f9fa;border-color:#68717e}}

/* A compact working surface, with one glass layer per component. */
.product-studio .topbar{padding-top:20px;padding-bottom:18px}
.library-heading{display:block;margin-bottom:20px}
.library-heading h1{margin:4px 0 8px;font-size:1.875rem}
.library-heading p{margin:0;font-size:1rem;line-height:1.8}
.library-controls{padding:20px 24px}
.library-control-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.library-control-head label{font-size:1rem}
.library-controls>input{margin-top:4px}
.purpose-filter summary{display:none}
.purpose-filter .purpose-tabs{margin:14px 0 0}
.purpose-filter summary span{margin-left:auto;color:#5e646d;font-weight:400}
.subtle-button{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem;line-height:1.6}
.result-line{margin:12px 4px}
.result-line p{margin:8px 0}
.legacy-entry{margin-top:12px;font-size:.875rem}
.legacy-entry summary{min-height:44px;cursor:pointer}
.legacy-entry a{display:inline-flex;align-items:center;min-height:44px}
.product-card{display:flex;flex-direction:column;padding:16px;min-width:0}
.card-preview{display:block;position:relative;border:0;padding:0;border-radius:14px;background:rgba(255,255,255,.28);width:100%;overflow:hidden}
.card-preview img{height:250px;border-radius:14px;background:rgba(255,255,255,.2)}
.card-preview>span{position:absolute;right:9px;bottom:9px;padding:5px 10px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(238,240,241,.94);font-size:.75rem;color:#454c55}
.product-card .card-id{margin-top:13px;font-size:.8125rem}
.product-card h2{margin:8px 0 16px;font-size:1.0625rem;font-weight:600}
.product-card .card-action{width:100%;margin-top:auto;padding:10px 14px;min-height:44px;color:#262a31;text-align:center;justify-content:center}
.form-shell .glass,.product-card .glass,.library-controls .glass,.sheet .glass{backdrop-filter:none;-webkit-backdrop-filter:none}
.builder-resources{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:8px}
.builder-heading h1{margin:6px 0 8px}
.builder-heading p{margin:0;line-height:1.75}
#fields{padding:0}
.form-heading p{font-size:1rem;line-height:1.8}
.group-fields label{font-size:1rem}
.group-toggle{min-height:44px;cursor:pointer;margin-bottom:12px}
.group-toggle input{min-height:20px;width:20px;height:20px;padding:0;box-shadow:none;flex:none}
input::placeholder,textarea::placeholder{color:#5b626a}
.field-hint{font-size:.875rem;line-height:1.85}
.group-details{border:1px solid rgba(255,255,255,.66);border-radius:18px;margin-bottom:20px;background:rgba(255,255,255,.06)}
.group-details summary{min-height:48px;display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;font-size:1rem;line-height:1.7;list-style:none}
.group-details summary::-webkit-details-marker{display:none}
.group-details summary::before{content:'＋';font-size:1.2rem;flex:none;color:#5e646d}
.group-details[open] summary::before{content:'−'}
.group-details summary small{margin-left:auto;font-size:.8125rem;color:#5e646d;white-space:nowrap}
.group-details summary:focus-visible{outline:3px solid #35578a;outline-offset:3px;border-radius:16px}
.group-details .field-group{margin:0;padding:0 16px 16px;animation:content-in .18s ease-out}
.group-details .field-group legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.group-details .group-fields{margin-top:8px}
.form-footer{justify-content:flex-end}
.form-footer #backButton{margin-right:auto}
.draft-actions{gap:4px 20px}
.local-note{font-size:.875rem;line-height:1.8;margin-top:12px}
#clearDraft{margin-left:auto;color:#5e646d}
.preview-heading{flex-wrap:wrap}
.preview-heading select{width:auto;min-width:5.5rem;margin:0;font-size:1rem!important}
.preview-shell{position:sticky;top:24px}
.paper-host{max-height:75dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#paperViewport{position:relative;width:100%;overflow:hidden}
#paperScale{position:absolute;top:0;left:0}
.selection-track{position:absolute;top:0;left:0;border-radius:999px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.83);box-shadow:inset 0 1px 0 white,inset 0 -1px 1px rgba(70,80,90,.035);pointer-events:none;transition:transform .4s var(--spring)}
.studio-nav,.builder-progress{position:relative;isolation:isolate;overflow:hidden;border-radius:24px}
.studio-nav{border-radius:999px}
.studio-nav button:focus-visible,.builder-progress button:focus-visible{outline-offset:-3px}
.studio-nav button,.builder-progress button{position:relative;z-index:1;min-width:0}
.studio-nav button[aria-current],.builder-progress button[aria-current]{background:none;box-shadow:none;font-weight:600}
.builder-progress button{line-height:1.65}
#stepTitle:focus{outline:none}
.sheet[open]{display:flex;flex-direction:column;overflow:hidden;max-height:85dvh}
.sheet-heading{flex:none;margin-bottom:16px;align-items:flex-start}
.sheet-heading h2{min-width:0;overflow-wrap:anywhere;padding-top:.25rem}
.close-button{width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;font-size:1.5rem;line-height:1;border-radius:50%}
#sheetBody{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
#sheetBody>p:first-child{margin-top:0}
.sheet-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex:none;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.65)}
.sheet-actions button{min-height:48px}
.example-preview figure{margin:0 0 24px}
.example-preview img{display:block;width:100%;height:auto;border-radius:4px}
.example-preview figcaption{text-align:center;font-size:.875rem;line-height:1.8;color:#5e646d;padding-top:10px}
.example-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.ai-label textarea:focus,.ai-suggestion textarea:focus,.ai-suggestion input:focus{background:rgba(255,255,255,.28)}
.ai-label textarea::placeholder{color:#5b626a}
.check>div{min-width:0;overflow-wrap:anywhere}
.check [data-fix]{margin-left:12px}
.check small{font-size:.8125rem}
@media(min-width:701px){#nextButton.preview-next{display:none}}
@media(max-width:700px){
  .product-studio .topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 10px}
  .product-library,.product-builder{padding-top:10px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
  .library-heading{margin-bottom:16px}
  .library-heading h1{font-size:1.5rem;margin:4px 0 6px}
  .library-heading p{line-height:1.7}
  .library-controls{padding:14px 16px}
  .library-control-head{gap:0 12px}
  .library-control-head label{font-size:.875rem}
  .library-control-head .subtle-button{padding:0}
  .purpose-filter{margin-top:10px}
  .purpose-filter summary{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.875rem;cursor:pointer;list-style:none}
  .purpose-filter summary::-webkit-details-marker{display:none}
  .purpose-filter summary::after{content:'＋';font-size:1.15rem;color:#5e646d}
  .purpose-filter[open] summary::after{content:'−'}
  .purpose-filter .purpose-tabs{margin-top:8px}
  .product-card{padding:12px}
  .card-preview img{height:190px}
  .product-card h2{font-size:1rem;margin-bottom:13px}
  .product-card .card-id{font-size:.75rem}
  .product-card .card-action{font-size:.875rem;padding:9px 10px}
  .card-preview>span{right:6px;bottom:6px;padding:4px 8px}
  .builder-resources{gap:16px;margin-bottom:10px}
  .form-shell{padding:18px 16px}
  .form-heading{margin:20px 0}
  .preview-shell{position:static}
  .paper-host{max-height:70dvh}
  .preview-heading select{min-width:5.5rem}
  .sheet{padding:12px 20px calc(20px + env(safe-area-inset-bottom))}
  .sheet-grab{margin-bottom:16px;flex:none}
  .sheet-actions{justify-content:stretch}
  .sheet-actions button{flex:1}
  .sheet-heading h2{font-size:1.25rem}
}
@media(max-width:380px){.card-preview img{height:270px}.library-control-head{align-items:flex-start}.group-details summary{flex-wrap:wrap}.group-details summary small{white-space:normal}.builder-progress button{padding:10px 6px}.check [data-fix]{margin-left:0}}
@media(prefers-reduced-motion:reduce){.selection-track,.group-details .field-group{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.card-preview>span{background:#f4f5f6}.selection-track{background:#fff;border-color:#858c94}.group-details{background:#f5f6f7;border-color:#858c94}}
@media print{.preview-shell{position:static!important}.paper-host{max-height:none!important;overflow:visible!important}#paperViewport{position:static!important;height:auto!important;overflow:visible!important}#paperScale{position:static!important}}
.library-heading>#libraryPhoto{flex:none}
.portrait-panel{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.65)}
.portrait-panel[hidden]{display:none}.portrait-thumb{flex:none;width:52px;height:65px;border:1px solid rgba(255,255,255,.85);border-radius:12px;background:rgba(255,255,255,.18);overflow:hidden;display:grid;place-items:center;color:#5e646d;font-size:.875rem}.portrait-thumb img{width:100%;height:100%;object-fit:cover}.portrait-copy{min-width:0}.portrait-copy strong{font-size:1rem}.portrait-copy p{margin:8px 0 12px;line-height:1.8}
.portrait-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.portrait-comparison figure{margin:0;min-width:0}.portrait-frame{aspect-ratio:4/5;max-height:280px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.8)}.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover}.portrait-frame.reference img{object-fit:contain}.portrait-comparison figcaption{font-size:.875rem;text-align:center;color:#5e646d;margin-top:8px}.portrait-empty{grid-column:1/-1;text-align:center;padding:28px 16px;border:1px dashed rgba(94,100,109,.38);border-radius:20px}.portrait-empty p{margin:0 0 8px;font-size:1rem}.portrait-empty span{font-size:.875rem;color:#5e646d}
.portrait-upload{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 24px}.portrait-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portrait-options label{min-width:0;font-size:.875rem;display:grid;gap:10px}.portrait-options select{width:100%;max-width:100%;border-radius:16px}.portrait-consent{margin-top:24px}.portrait-consent input{flex:none}#portraitReview{margin:24px 0}#portraitCrop{margin:16px 0}#portraitCrop summary{font-size:.875rem;padding:8px 0;cursor:pointer}#portraitCrop label{margin-top:12px}#portraitStatus a{display:inline-block;margin-top:10px}.resume-portrait{display:block;width:18mm!important;height:22.5mm!important;max-width:none!important;object-fit:cover;margin:0 auto}.resume-portrait-slot{margin:0!important;line-height:0!important}
@media(max-width:700px){.library-heading>#libraryPhoto{margin-top:10px}.portrait-comparison{gap:10px}.portrait-panel{gap:12px}.portrait-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:24rem){.portrait-options{grid-template-columns:1fr}}
#portraitSetup{margin:18px 0}#portraitSetup summary{font-size:.875rem;padding:8px 0;cursor:pointer}#portraitReview .field-hint{margin-bottom:12px}.portrait-frame{margin:auto}#portraitComparison+.portrait-review{margin-top:16px}
.model-badge{display:inline-block;max-width:100%;padding:7px 12px;margin:0 0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-size:.875rem;line-height:1.6;color:#424952;overflow-wrap:anywhere}.ai-attribution{font-size:.875rem!important;color:#5e646d}
/* Required labels and reading instructions stay legible on small screens. */
.optional-label,.product-card .card-id,.group-details summary small{font-size:.875rem}
.field-hint,.local-note,.check{font-size:1rem}
.product-studio .topbar .small,.studio-nav button{min-height:44px}
.ai-choice{display:flex;align-items:flex-start;gap:.7rem;min-height:44px;font-size:1rem;line-height:1.8;cursor:pointer}
.ai-consent{min-height:44px;cursor:pointer}
.ai-consent input,.ai-choice input{width:1.1rem;height:1.1rem;min-height:1.1rem;margin-top:.3rem;padding:0;box-shadow:none;flex:none;accent-color:#5e646d}
.sheet .field-hint{font-size:1rem}
.product-studio .topbar .small{font-size:.875rem}

.ai-starter{padding:20px 0 24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.55)}
.ai-starter>summary{cursor:pointer;font-size:1.125rem;font-weight:600;line-height:1.7}
.ai-starter>summary span{display:block;font-size:.875rem;font-weight:400;color:#5e646d;margin-top:3px}
.ai-starter>p{font-size:1rem;line-height:1.8;color:#5e646d}
.ai-starter>label{font-size:1rem}.ai-starter textarea{margin-top:10px;min-height:170px}
.intake-hints{margin:15px 0}.intake-hints summary{font-size:.875rem;cursor:pointer;line-height:1.8}.intake-hints p{font-size:1rem;line-height:1.8;color:#5e646d}
.ai-starter h3{margin:0;font-size:1.125rem;line-height:1.7}
.ai-starter .intake-model{margin:3px 0 12px;font-size:.875rem}
.catalog-modes{display:flex;position:relative;isolation:isolate;border-radius:999px;max-width:440px;padding:4px;margin:0 0 16px;overflow:hidden}
.catalog-modes button{flex:1;min-width:0;min-height:44px;position:relative;z-index:1;background:transparent;border:0;border-radius:999px;font:inherit;font-size:.875rem;line-height:1.6;padding:8px}
.catalog-modes button[aria-pressed="true"]{font-weight:600}
.catalog-modes button:focus-visible{outline-offset:-3px}
.drive-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.drive-filters label{min-width:0;font-size:1rem;line-height:1.8}
.drive-filters select{margin-top:6px;width:100%;min-height:48px;background:rgba(255,255,255,.2);font-size:1rem!important}
.result-line{flex-wrap:wrap;gap:4px 16px}
.result-line strong{font-size:.875rem;font-weight:600}
.result-line p{font-size:.875rem}
.result-line #reset{margin-left:auto}
.catalog-more{text-align:center;margin:24px 0}
.card-status{font-size:.875rem;color:#5e646d;line-height:1.7;margin:0 0 12px}
.selected-drive-file{font-size:.875rem;color:#5e646d;overflow-wrap:anywhere;margin-top:8px!important}
.drive-location{border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:16px;margin:16px 0 24px;background:rgba(255,255,255,.1)}
.drive-location strong{font-size:1rem}
.drive-location p{font-size:.875rem;line-height:1.8;overflow-wrap:anywhere;margin:6px 0}
.drive-location summary{font-size:.875rem;min-height:44px;line-height:1.8;cursor:pointer}
.drive-filename{user-select:text}
.drive-only-preview{width:100%;height:auto;border-radius:4px}
@media(max-width:420px){.drive-filters{grid-template-columns:1fr;gap:12px}.catalog-modes{max-width:100%}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.drive-filters select,.drive-location{background:#f8f9fa;border-color:#68717e}}
.ai-result-summary{padding-top:14px;scroll-margin-top:15px}.ai-result-summary strong{font-size:1.125rem}.ai-result-group{border-top:1px solid rgba(255,255,255,.6);padding:15px 0;margin-top:10px;min-width:0}
.ai-result-group>summary{cursor:pointer;font-size:1rem;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.ai-result-group>summary span{font-size:.875rem;color:#5e646d;font-weight:400;margin-left:12px}
.ai-result-group .ai-suggestion{margin:15px 0 20px}.ai-result-group input[data-ai-text]{width:100%;height:auto;min-height:50px;margin:0;border-radius:16px;padding:13px 15px}
.ai-existing{color:#796743!important}.ai-unplaced{margin:20px 0;line-height:1.8;font-size:1rem;overflow-wrap:anywhere}.ai-unplaced ul{padding-left:1.3em}.ai-unplaced small{display:block;font-size:.875rem;color:#5e646d}

/* A quiet champagne accent makes the writing surface unmistakable. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ai-starter{position:relative;margin:0 0 24px;padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(135deg,rgba(249,241,225,.25),rgba(255,255,255,.1) 65%,rgba(209,222,231,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px rgba(105,98,84,.05),0 6px 24px rgba(45,48,51,.035)}
.intake-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ai-starter h3{font-size:1.125rem;letter-spacing:-.015em;line-height:1.7}
.ai-starter .intake-model{font-size:.75rem;color:#5e646d;line-height:1.6;padding:4px 9px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.16);margin:0}
.ai-starter .intake-caption{margin:8px 0 16px;font-size:.9375rem;line-height:1.8}
.ai-starter #intakeRaw{display:block;width:100%;min-height:184px;margin:0;padding:18px 20px;border:1px solid rgba(163,146,119,.5);border-radius:18px;background:linear-gradient(120deg,rgba(250,241,223,.3),rgba(255,255,255,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 2px rgba(86,74,54,.04);line-height:1.9;color:#262a31;transition:border-color .18s,box-shadow .18s}
.ai-starter #intakeRaw::placeholder{color:#60656d;opacity:1}
.ai-starter #intakeRaw:focus{outline:2px solid #8b7b63;outline-offset:3px;border-color:#8b7b63;background:linear-gradient(120deg,rgba(253,246,234,.4),rgba(255,255,255,.25));box-shadow:inset 0 1px 0 white,0 0 0 6px rgba(232,220,200,.22)}
.ai-starter .intake-hints{margin:12px 0 14px;line-height:1.8}
.intake-hints summary{min-height:40px;display:flex;align-items:center;gap:8px;list-style:none;color:#5e646d;font-size:.875rem;cursor:pointer}
.intake-hints summary::-webkit-details-marker{display:none}
.intake-hints summary::before{content:'＋';font-size:1rem}
.intake-hints[open] summary::before{content:'−'}
.intake-hints p{margin:8px 0 12px!important;font-size:.9375rem!important;line-height:1.85}
.ai-starter .ai-consent{font-size:.875rem;line-height:1.85;gap:10px;min-height:36px}
.ai-starter .ai-actions{margin-top:16px;gap:8px 18px}
.ai-starter .ai-actions>.primary{border-color:rgba(146,130,104,.55);background:linear-gradient(125deg,rgba(249,239,217,.34),rgba(255,255,255,.22));color:#37342e;min-height:48px;padding:12px 23px}
.ai-starter .ai-actions>.subtle-button{font-size:.875rem}
.ai-starter .intake-send-note{font-size:.75rem;line-height:1.8;color:#5e646d;margin:12px 0 0;overflow-wrap:anywhere}
.manual-divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:#5e646d;font-size:.875rem;line-height:1.8}
.manual-divider::before,.manual-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.7)}
.manual-divider[hidden]{display:none}
.template-file-detail{margin:7px 0 3px;color:#5e646d;font-size:.875rem}
.template-file-detail summary{min-height:36px;cursor:pointer;line-height:1.8}
.template-file-detail .selected-drive-file{margin:0 0 12px!important;line-height:1.8}
.builder-resources{gap:6px 20px;margin:4px 0 18px}
.form-heading{margin:26px 0 24px}.form-heading h2{font-size:1.25rem;line-height:1.65}
@media(max-width:700px){.ai-starter{padding:20px 16px;border-radius:22px}.intake-heading{gap:6px 10px}.ai-starter #intakeRaw{padding:16px;min-height:184px}.ai-starter .ai-actions{align-items:stretch}.ai-starter .ai-actions>.primary{flex:1;min-width:0}.ai-starter .ai-actions>.subtle-button{padding-left:0;padding-right:0}.builder-resources{margin-bottom:14px}.form-heading{margin:22px 0 20px}}
@media(max-width:380px){.ai-starter .ai-actions{flex-direction:column}.ai-starter .ai-actions>.subtle-button{align-self:center}.ai-starter{padding:18px 14px}}
@media(max-width:700px){
  .product-studio .topbar{gap:8px 12px}
  .builder-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}
  .builder-heading #changeTemplate{grid-column:2;grid-row:1;align-self:center;padding:0;min-height:44px;font-size:.875rem}
  .builder-heading #selectedName{grid-column:1;grid-row:1;margin:0;font-size:1.375rem;line-height:1.6}
  .builder-heading #selectedUse,.builder-heading .template-file-detail,.builder-heading .builder-resources{grid-column:1/-1;margin:0}
  .builder-heading .builder-resources{margin-bottom:10px;gap:4px 18px}
  .form-heading{margin:20px 0 18px}.form-heading h2{margin:6px 0;font-size:1.1875rem}
  .intake-heading{align-items:center}.ai-starter h3{font-size:1.0625rem}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.ai-starter{background:#f1f2f3;border-color:#68717e;box-shadow:none}.ai-starter #intakeRaw{background:#faf8f3;border-color:#716452;box-shadow:none}.ai-starter .ai-actions>.primary{background:#f3ede2;border-color:#716452}.ai-starter .intake-model{background:#f8f9fa;border-color:#68717e}}
.package-heading{margin:0 0 1rem}.sheet .package-price{font-size:2.75rem;font-weight:600;letter-spacing:-.04em;margin:.35rem 0 .65rem}.sheet .package-price span{font-size:1rem;font-weight:400;letter-spacing:0;color:#5E646D}.package-benefits{padding-left:1.3rem;line-height:1.9}.package-current{padding:1rem 0}.package-current p{margin:.35rem 0}.package-redeem{display:grid;gap:.75rem;margin-top:1.5rem}.package-redeem input{min-width:0;width:100%;box-sizing:border-box;font-size:1rem;padding:.9rem;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.2);color:#262A31}.package-redeem button{justify-self:start}.package-redeem p{margin:0;overflow-wrap:anywhere}.admin-page{max-width:880px;margin:auto;padding:1.5rem max(1rem,env(safe-area-inset-left))}.admin-page section{padding:1.5rem;margin:1.5rem 0}.admin-page input{max-width:100%}.admin-orders{list-style:none;padding:0}.admin-orders li{padding:1rem 0;overflow-wrap:anywhere}.admin-orders p{margin:.4rem 0}.admin-code{font:1rem ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;line-height:1.8}.admin-page h1{font-size:1.75rem}

.package-add{margin-top:1.25rem}.package-add summary{font-size:.875rem;cursor:pointer;color:#5E646D}
/* Native dialogs must remain anchored to the viewport after page scrolling. */
.product-studio .sheet{position:fixed}

.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-actions .small{white-space:nowrap}.package-brief{color:#5E646D}.package-details{margin-top:1.25rem}.package-details>summary{font-size:.875rem;color:#5E646D;cursor:pointer}#packageAccount>.package-redeem{margin-top:.8rem}
@media(max-width:700px){.header-actions{margin-left:auto;gap:6px}.product-studio .header-actions .small{padding:9px 10px}.product-studio .topbar .brand-icon{width:32px;height:32px}.product-studio .topbar{gap:8px}.product-studio .topbar .brand{gap:8px}.product-studio .studio-nav{order:3}}