:root{color:#17374f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17374f;--muted:#6f8ca1;--line:#80a9c647;--panel:#ffffffc2;--panel-strong:#ffffffeb;--blue:#58aee8;--blue-deep:#2e7fbd;--violet:#7a82ea;--green:#36b983;--shadow:0 22px 65px #3e729a21;background:#eaf4fc;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,sans-serif}.history-tabs{border:1px solid var(--line);background:#ffffffa8;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));width:min(100%,300px);margin:0;padding:4px;display:inline-grid}.history-heading-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.history-heading-actions .history-tabs{flex:0 300px}.history-heading-actions .memory-badge{flex:none}.history-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.history-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 10px #2e7fbd1f}.history-search{width:min(100%,640px);color:var(--muted);gap:7px;margin-bottom:20px;font-size:12px;font-weight:700;display:grid}.history-search input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#ffffffe6;border-radius:7px;padding:0 13px}.decomposition-history-list{gap:16px;min-width:0;display:grid}.decomposition-history-bulk-toolbar{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.decomposition-history-select-all,.decomposition-history-select{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.decomposition-history-select-all input,.decomposition-history-select input{accent-color:var(--cyan)}.decomposition-history-selection-count{color:var(--muted);font-size:11px}.decomposition-history-bulk-toolbar .danger-button{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.decomposition-history-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);min-width:0;display:grid;overflow:hidden;box-shadow:0 12px 34px #3e729a1a}.decomposition-history-card.is-selected{border-color:var(--cyan);box-shadow:0 0 0 2px #4cc0d429}.decomposition-history-select{flex:none;margin-top:2px}.decomposition-history-select span{color:var(--muted);font-size:10px}.decomposition-history-media{background:#edf4f7;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:10px;min-height:250px;padding:14px;display:grid}.decomposition-history-source,.decomposition-history-thumb{min-width:0;min-height:0;color:var(--muted);background:#fff;border:1px solid #6f8ca138;border-radius:6px;place-items:center;display:grid;overflow:hidden}.decomposition-history-source img,.decomposition-history-thumb img{object-fit:contain;width:100%;height:100%}.decomposition-history-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;height:222px;display:grid;position:relative}.history-overflow{color:#fff;background:#17374f;border-radius:6px;place-items:center;min-width:34px;height:28px;padding-inline:7px;font-size:12px;display:grid;position:absolute;bottom:6px;right:6px}.decomposition-history-card-body{align-content:space-between;gap:18px;min-width:0;padding:20px;display:grid}.decomposition-history-title-row{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.decomposition-history-title-row h2{overflow-wrap:anywhere;margin:5px 0 0;font-size:20px}.decomposition-history-title-row>div>span{color:var(--blue-deep);font-size:12px}.snapshot-status{color:#217d5b;background:#36b98324;border-radius:6px;flex:none;padding:5px 8px;font-size:12px}.snapshot-status.partial{color:#8a621e;background:#d2972d26}.decomposition-history-card-body dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;display:grid}.decomposition-history-card-body dl div{min-width:0}.decomposition-history-card-body dt{color:var(--muted);font-size:11px}.decomposition-history-card-body dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:13px}.decomposition-history-detail{min-width:0}.history-detail-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.history-detail-heading h2,.history-detail-heading p{overflow-wrap:anywhere;margin:0 0 5px}.decomposition-history-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;display:grid}.history-element{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-width:0;display:grid;overflow:hidden}.history-element-preview{aspect-ratio:1;border:0;border-bottom:1px solid var(--line);cursor:zoom-in;background:#edf4f7;place-items:center;width:100%;padding:8px;display:grid;overflow:hidden}.history-element-preview img{object-fit:contain;width:100%;height:100%}.history-element.missing .history-element-preview{color:#a04e58;cursor:not-allowed}.history-element label{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.history-element label span{overflow-wrap:anywhere;min-width:0;color:var(--muted);gap:4px;font-size:11px;display:grid}.history-element label strong{color:var(--ink);font-size:13px}.history-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}@media (width<=1100px){.decomposition-history-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=940px){.decomposition-history-card{grid-template-columns:minmax(0,1fr)}.decomposition-history-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.decomposition-history-media,.history-detail-heading{grid-template-columns:minmax(0,1fr)}.decomposition-history-source{min-height:220px}.decomposition-history-detail-grid{grid-template-columns:minmax(0,1fr)}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{background:radial-gradient(circle at 88% 8%,#78c5ff52,#0000 28%),linear-gradient(145deg,#eff9ff 0%,#e8f3fb 52%,#e5eef8 100%);min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #4097d857}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}.app-frame{width:100%;min-width:0;height:100%;overflow:hidden}.window-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fdffd1;justify-content:space-between;align-items:center;height:46px;padding:0 20px;display:flex}.window-bar>div{align-items:center;gap:9px;display:flex}.window-bar p{color:var(--muted);margin:0;font-size:12px}.window-reset-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:12px}.window-reset-button:hover{color:#2c739f}.window-workspace-actions{align-items:center;gap:10px;display:flex}.window-cancel-button{color:#52748b;cursor:pointer;background:#ffffffb8;border:1px solid #5c97bf57;border-radius:7px;min-height:30px;padding:0 13px;font-size:11px;font-weight:800;box-shadow:0 5px 14px #3c749714}.window-cancel-button:hover{color:#277cae;background:#f1fafff0;border-color:#358bc280}.mini-mark,.brand-mark{color:#fff;background:linear-gradient(140deg,#62c0ed,#7886ee);place-items:center;font-weight:900;display:grid;box-shadow:0 10px 28px #4987c945}.mini-mark{border-radius:8px;width:24px;height:24px;font-size:11px}.stage-chip,.fixture-badge,.memory-badge,.locked-badge{color:#3d769c;background:#e8f7ffeb;border:1px solid #5ca2d33d;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.app-layout{grid-template-columns:232px minmax(0,1fr);width:100%;min-width:0;height:calc(100% - 46px);display:grid}.app-frame[data-environment=web] .app-layout{height:100%}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f3faffb8;flex-direction:column;min-width:0;padding:24px 18px 18px;display:flex;overflow:hidden}.brand{align-items:center;gap:12px;margin-bottom:30px;padding:0 6px;display:flex}.brand-mark{border-radius:14px;flex:none;width:43px;height:43px;font-size:18px}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{color:var(--muted);margin-top:4px;font-size:10px}.sidebar nav{gap:8px;display:grid}.nav-item{color:#58778e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:12px 13px;display:grid}.nav-item:hover{background:#ffffff8a}.nav-item.active{color:#195d8a;background:#ffffffd1;border-color:#69afe057;font-weight:800;box-shadow:0 12px 30px #4882ae1f}.nav-item>span{text-align:center;font-size:18px}.nav-item small,.nav-item em{color:#4b7999;text-align:center;background:#64aee121;border-radius:999px;min-width:22px;padding:3px 6px;font-size:9px;font-style:normal}.sidebar-status{gap:8px;margin-top:12px;display:grid}.sidebar-theme-control{gap:7px;margin-top:auto;display:grid}.sidebar-theme-control>span{color:var(--muted);padding-inline:4px;font-size:9px;font-weight:800}.theme-toggle{border:1px solid var(--line);color:#4d6f86;cursor:pointer;text-align:left;background:#ffffffa8;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:8px;width:100%;min-height:44px;padding:7px 10px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.theme-toggle:hover:not(:disabled){background:#ffffffe0;border-color:#4e9ed37a;transform:translateY(-1px)}.theme-toggle-icon{color:#237eae;background:#70cfee2e;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.theme-toggle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.theme-toggle i{background:#dcecf4;border:1px solid #699dbc52;border-radius:999px;width:34px;height:19px;transition:background-color .18s;position:relative}.theme-toggle i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #264f693d}.theme-toggle[aria-pressed=true] i{background:#4c91c4}.theme-toggle[aria-pressed=true] i:after{transform:translate(15px)}.status-row{border:1px solid var(--line);color:#58778e;background:#ffffffa6;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:10px;display:flex}.status-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-row i{background:#e3a63d;border-radius:50%;flex:none;width:8px;height:8px}.status-ready i{background:var(--green);box-shadow:0 0 0 4px #36b9831f}.status-error i{background:#db5c67}.sidebar-status>p{color:#7893a6;margin:2px 4px 0;font-size:9px;line-height:1.5}.main-content{scrollbar-gutter:stable;min-width:0;height:100%;overflow:auto}.view-page{width:min(100%,1480px);min-width:0;min-height:100%;margin:0 auto;padding:38px clamp(26px,4.2vw,68px) 56px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;margin-bottom:28px;display:flex}.page-heading>div:first-child{min-width:0;max-width:780px}.eyebrow{color:#5e9ac2;letter-spacing:.18em;margin:0 0 8px;font-size:10px;font-weight:900}.page-heading h1{color:#173d58;letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.1vw,44px)}.page-heading p:not(.eyebrow){color:var(--muted);margin:11px 0 0;font-size:14px;line-height:1.65}.credits-page{gap:20px;max-width:1120px;margin:0 auto;padding:32px clamp(20px,4vw,56px) 80px;display:grid}.credits-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.credits-summary-grid article,.credits-section{border:1px solid var(--line,#dce7e7);background:color-mix(in srgb, var(--panel,#fff) 92%, transparent);border-radius:12px}.credits-summary-grid article{gap:6px;padding:18px;display:grid}.credits-summary-grid article span,.credits-summary-grid article small,.credits-section header small{color:var(--muted,#71868b);font-size:12px}.credits-summary-grid article strong{color:var(--ink,#17333a);font-size:28px}.credits-balance-card{color:#fff;background:linear-gradient(135deg,#2f8db5,#6575db)!important;border:0!important}.credits-balance-card span,.credits-balance-card small,.credits-balance-card strong{color:#fff!important}.credits-section{padding:20px}.beta-credit-notice p{color:var(--muted,#71868b);margin:0}.credits-section>header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.credits-section>header strong{align-items:center;gap:8px;font-size:16px;display:inline-flex}.credits-section>header>div{gap:6px;min-width:0;display:grid}.credits-invite-copy strong{line-height:1.25}.credits-invite-copy small{overflow-wrap:anywhere;max-width:42ch;line-height:1.55}.credit-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.credit-package-grid button{border:1px solid var(--line,#dce7e7);color:var(--ink,#17333a);background:var(--panel,#fff);text-align:left;cursor:pointer;border-radius:10px;justify-items:start;gap:6px;padding:16px;display:grid}.credit-package-grid button:hover{border-color:#62bee0;transform:translateY(-1px)}.credit-package-grid small{color:var(--muted,#71868b)}.payment-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091b1f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-dialog{border:1px solid var(--line,#dce7e7);background:var(--panel,#fff);text-align:center;border-radius:8px;gap:16px;width:min(100%,390px);padding:22px;display:grid;box-shadow:0 24px 70px #091b1f38}.payment-dialog>header{justify-content:space-between;align-items:center;display:flex}.payment-dialog>header>div{color:var(--ink,#17333a);align-items:center;gap:8px;display:flex}.payment-dialog-summary{justify-content:center;align-items:baseline;gap:12px;display:flex}.payment-dialog-summary span{color:var(--muted,#71868b);font-size:14px}.payment-dialog-summary strong{color:var(--ink,#17333a);font-size:28px}.payment-qr-code{aspect-ratio:1;width:min(100%,280px);image-rendering:pixelated;background:#fff;border:8px solid #fff;border-radius:6px;justify-self:center}.payment-status{color:var(--muted,#71868b);margin:0;font-size:13px}.payment-status.succeeded{color:#16835f;font-weight:700}.payment-status.failed{color:#b64957;font-weight:700}.payment-status-warning{color:#a05a17}.payment-local-complete{width:100%}.payment-dialog>small{color:var(--muted,#71868b);overflow-wrap:anywhere;font-size:10px}.invite-code-box{align-items:center;gap:14px;display:flex}.invite-code-box code{color:#087267;letter-spacing:1px;background:#e8f5f1;border-radius:8px;padding:10px 14px;font-size:20px;font-weight:800}.invite-code-box span{color:var(--muted,#71868b);font-size:13px}.credits-ledger-list{gap:8px;display:grid}.credits-ledger-list article{border-bottom:1px solid var(--line,#edf2f2);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.credits-ledger-list article div{gap:3px;display:grid}.credits-ledger-list article small{color:var(--muted,#71868b);font-size:11px}.ledger-dot{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ledger-dot.positive{color:#167b60;background:#dff4ea}.ledger-dot.negative{color:#ad4b57;background:#f9e5e6}.positive{color:#167b60}.negative{color:#ad4b57}.credits-error{color:#a23f4f;background:#fff0f1;border-radius:8px;margin:0;padding:10px 12px}.credits-success{color:#277a5e;background:#edf9f2;border-radius:8px;margin:0;padding:10px 12px}.credit-inline-warning{color:#a23f4f;font-size:12px}.credits-empty{color:var(--muted,#71868b)}.credits-redemption-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.credits-redemption-form input{border:1px solid var(--line,#dce7e7);min-width:0;height:40px;color:var(--ink,#17333a);background:var(--panel,#fff);font:inherit;text-transform:uppercase;border-radius:8px;padding:0 12px}.credits-redemption-form input:focus{border-color:#62bee0;outline:0;box-shadow:0 0 0 3px #62bee01f}.credits-redemption-form .button{min-width:112px}.admin-credit-panel{border:1px solid var(--line,#dce7e7);background:var(--panel,#fff);border-radius:10px;gap:14px;margin:20px 0;padding:18px;display:grid}.admin-credit-panel header{justify-content:space-between;display:flex}.admin-credit-panel header div{gap:4px;display:grid}.admin-credit-panel header small{color:var(--muted,#71868b)}.admin-credit-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.admin-credit-metrics span{background:var(--soft-panel,#f4f8f8);color:var(--muted,#71868b);border-radius:8px;padding:10px;font-size:12px}.admin-credit-metrics b{color:var(--ink,#17333a);margin-top:4px;font-size:20px;display:block}.admin-credit-adjust{grid-template-columns:140px 120px 1fr auto;gap:8px;display:grid}.admin-credit-adjust input,.admin-credit-adjust select{border:1px solid var(--line,#dce7e7);background:var(--panel,#fff);min-height:38px;color:var(--ink,#17333a);border-radius:7px;padding:0 10px}.admin-credit-adjust button{color:#fff;background:#0d6570;border:0;border-radius:7px;padding:0 14px;font-weight:700}.admin-credit-ledger{gap:6px;max-height:220px;display:grid;overflow:auto}.admin-credit-ledger>div{border-bottom:1px solid var(--line,#edf2f2);justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;display:flex}@media (width<=800px){.credits-summary-grid,.credit-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-credit-metrics{grid-template-columns:repeat(2,1fr)}.admin-credit-adjust{grid-template-columns:1fr 1fr}.admin-credit-adjust input:nth-of-type(2){grid-column:1/-1}}.heading-actions{flex:none;gap:9px;display:flex}.studio-view{flex-direction:column;height:100%;padding-bottom:20px;display:flex}.button,.back-button{border:1px solid var(--line);cursor:pointer;background:#ffffffc7;border-radius:11px;min-height:39px;padding:9px 15px;font-size:12px;font-weight:800}.button:hover:not(:disabled),.back-button:hover{border-color:#4d9bd273;transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#53b9e8,#657feb);border-color:#0000;box-shadow:0 12px 28px #4882d438}.button.secondary{color:#2c739f;background:#e9f8ffe6}.button.ghost{color:#647f93;background:#ffffff8a}.workspace-card{flex:1;grid-template-rows:minmax(300px,1fr) auto;gap:34px;min-width:0;min-height:0;display:grid}.workspace-preview{background:0 0;border:0;border-radius:0;min-height:300px;padding:20px;position:relative}.live-label{color:#547790;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-18px;left:0}.live-label i{background:var(--green);border-radius:50%;width:7px;height:7px}.empty-canvas,.empty-page,.decompose-empty{text-align:center;place-items:center;display:grid}.empty-canvas{align-content:center;min-height:245px}.spark-symbol{color:#5aaee1;background:#ffffffad;border:1px solid #66addd47;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:15px;font-size:23px;display:grid;box-shadow:0 12px 34px #458bbd21}.empty-canvas strong{color:#426b86;font-size:15px}.empty-canvas p{color:#8aa0b0;margin:8px 0 0;font-size:11px}.composer-card,.settings-boundary,.decompose-panel,.history-card{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #86b0ce47;border-radius:20px}.composer-dock{z-index:10;position:sticky;bottom:20px}.composer-card{padding:18px;transition:border-color .16s,box-shadow .16s,background-color .16s;position:relative}.composer-card.is-reference-dragging{box-shadow:0 0 0 3px #3bb7c42e, var(--shadow);background:#ebfbfcf5;border-color:#3bb7c4}.reference-drop-indicator{z-index:20;color:#0d6570;pointer-events:none;background:#f0fdfdf0;border:2px dashed #3bb7c4;border-radius:8px;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:8px}.reference-import-status{z-index:5;color:#0d6570;pointer-events:none;background:#f0fdfdf5;border:1px solid #3bb7c44d;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:12px}html[data-theme=dark] .composer-card.is-reference-dragging{box-shadow:0 0 0 3px #70d8cf29, var(--shadow);background:#132d2ff5;border-color:#70d8cf}html[data-theme=dark] :is(.reference-drop-indicator,.reference-import-status){color:#b8f4ef;background:#0f2729f5;border-color:#70d8cf99}.reference-strip{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0 0 10px 22px;display:flex}.reference-thumbnail{width:62px;height:62px;display:block;position:relative}.reference-thumbnail img{object-fit:cover;border-radius:6px;width:100%;height:100%}.reference-thumbnail button{color:#fff;cursor:pointer;background:#183448d1;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.decompose-upload input{opacity:0;width:1px;height:1px;position:absolute}.prompt-field,.category-field,.strength-field,.model-role-card label{color:#52748b;gap:7px;font-size:11px;font-weight:800;display:grid}.prompt-field{position:relative}.prompt-field textarea,.category-field input,.model-role-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafdffd6;border-radius:11px}.prompt-field textarea{resize:vertical;min-height:152px;padding:13px 15px 25px;line-height:1.6}.prompt-field>small{color:#91a5b3;font-size:9px;position:absolute;bottom:8px;right:12px}.compact-generation-bar{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.9fr) minmax(140px,.8fr) minmax(105px,.65fr) auto minmax(92px,auto) minmax(78px,auto) minmax(118px,auto);align-items:end;gap:8px;margin-top:12px;padding-top:10px;display:grid}.category-field input,.model-role-card input{height:34px;padding:0 10px}.quality-field,.aspect-ratio-field,.generation-count-field{border:0;min-width:0;margin:18px 0 0;padding:0}.quality-field legend,.aspect-ratio-field legend,.generation-count-field legend{color:#52748b;margin-bottom:9px;font-size:11px;font-weight:800}.box-picker-field{gap:7px;min-width:0;display:grid}.box-picker-label{color:#52748b;font-size:11px;font-weight:800}.box-picker{position:relative}.box-picker summary{border:1px solid var(--line);color:#5d7c91;cursor:pointer;background:#fafdffe0;border-radius:11px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:7px;min-height:34px;padding:3px 8px;list-style:none;display:grid}.box-picker summary::-webkit-details-marker{display:none}.box-picker[open] summary{border-color:#449ad6a3;box-shadow:0 0 0 3px #4ea9e51a}.box-picker-current{gap:3px;min-width:0;display:grid}.box-picker-current strong,.box-option strong{color:#315f7b;font-size:11px}.box-picker-current small,.box-option small{color:#829aaa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.box-picker-chevron{border-bottom:2px solid #7290a4;border-right:2px solid #7290a4;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.box-picker[open] .box-picker-chevron{transform:rotate(225deg)translate(-2px,-2px)}.box-type-menu{z-index:20;transform-origin:100% 100%;background:#fafdfffa;border:1px solid #b9d3e4e6;border-radius:11px;gap:3px;width:max(100%,270px);max-height:282px;padding:7px;animation:.16s ease-out box-menu-rise;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;overflow-y:auto;box-shadow:0 18px 38px #27536f2e}@keyframes box-menu-rise{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.box-option{color:#5d7c91;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:6px 9px;display:grid}.box-option>span:nth-child(2){gap:2px;min-width:0;display:grid}.box-option:hover,.box-option:focus-visible{background:#ebf7fde0;outline:none}.box-option.active{color:#246f9f;background:#e1f4ffeb}.box-option i{color:#0000;font-size:13px;font-style:normal}.box-option.active i{color:#2c8bca}.box-glyph{border:2px solid;border-radius:4px;width:28px;height:23px;display:block;position:relative;transform:skewY(-8deg)}.box-picker summary .box-glyph,.box-option .box-glyph{justify-self:center;transform:scale(.82)skewY(-8deg)}.box-lid{border-top-width:6px}.box-drawer:after{content:"";border-top:2px solid;width:15px;position:absolute;top:7px;left:4px}.box-carton{height:28px}.box-handle:before{content:"";border:2px solid;border-bottom:0;border-radius:7px 7px 0 0;width:10px;height:8px;position:absolute;top:-10px;left:6px}.box-custom{border-style:dashed;border-radius:50%}.strength-field>span{justify-content:space-between;align-items:center;min-height:24px;display:flex}.strength-field output{color:#1d78a8;font-variant-numeric:tabular-nums;text-align:center;background:#eefaffdb;border:1px solid #5dadda47;border-radius:999px;min-width:46px;padding:4px 8px;font-size:11px;transition:color .18s,background-color .18s,transform .18s;box-shadow:inset 0 1px #ffffffe6}.strength-field:focus-within output{color:#17669a;background:#dcf5fffa;transform:translateY(-1px)}.strength-field input[type=range]{--strength-progress:68.9%;appearance:none;background:linear-gradient(90deg, #71d5ef 0%, #5d91f0 var(--strength-progress), #edf5f8 var(--strength-progress), #edf5f8 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:12px;margin:3px 0 1px;transition:filter .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #56849d29,0 2px 7px #4a92bc1f}.strength-field input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:12px}.strength-field input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,#71d9f2,#5b87ee);border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin-top:-5px;transition:transform .16s,box-shadow .16s;box-shadow:0 3px 8px #3474b147,0 0 0 1px #4b91ce2e}.strength-field input[type=range]::-moz-range-track{background:0 0;border-radius:999px;height:12px}.strength-field input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#71d5ef,#5d91f0);border-radius:999px;height:12px}.strength-field input[type=range]::-moz-range-thumb{background:linear-gradient(145deg,#71d9f2,#5b87ee);border:3px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .16s,box-shadow .16s;box-shadow:0 3px 8px #3474b147,0 0 0 1px #4b91ce2e}.strength-field input[type=range]:hover{filter:saturate(1.08)brightness(1.01);box-shadow:inset 0 1px 2px #56849d24,0 4px 12px #4a92bc33}.strength-field input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 4px 11px #3474b157,0 0 0 4px #66cbef29}.strength-field input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 4px 11px #3474b157,0 0 0 4px #66cbef29}.strength-field input[type=range]:hover::-moz-range-thumb{transform:scale(1.12);box-shadow:0 4px 11px #3474b157,0 0 0 4px #66cbef29}.strength-field input[type=range]:active::-moz-range-thumb{transform:scale(1.12);box-shadow:0 4px 11px #3474b157,0 0 0 4px #66cbef29}.strength-field input[type=range]:focus-visible{box-shadow:inset 0 1px 2px #56849d24,0 0 0 4px #66cbef33,0 4px 12px #4a92bc33}.quality-field,.aspect-ratio-field,.generation-count-field{margin:0}.quality-field>div,.aspect-ratio-field>div,.generation-count-field>div{-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);background:linear-gradient(145deg,#ffffffd1,#dcf1fc94);border:1px solid #80b5da57;border-radius:11px;padding:3px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 7px 18px #377ba41a}.quality-field button,.aspect-ratio-field button,.generation-count-field button{color:#315f79;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:34px;height:34px;font-size:10px;font-weight:800;transition:transform .16s,color .16s,background .16s,box-shadow .16s}.generation-count-field button{min-width:29px}.quality-field button:first-child,.aspect-ratio-field button:first-child,.generation-count-field button:first-child,.quality-field button:last-child,.aspect-ratio-field button:last-child,.generation-count-field button:last-child{border-radius:8px}.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active{color:#fff;background:linear-gradient(135deg,#65bdeb 0%,#4a9dd6 56%,#6f8ee9 100%);box-shadow:inset 0 1px #ffffff6b,0 6px 14px #3f8bc23d}.quality-field button:hover,.aspect-ratio-field button:hover,.generation-count-field button:hover{background-color:#ffffffad;transform:translateY(-1px)}.quality-field button.active:hover,.aspect-ratio-field button.active:hover,.generation-count-field button.active:hover{background:linear-gradient(135deg,#70c7ef 0%,#50a6de 56%,#7797ef 100%)}.quality-field button:active,.aspect-ratio-field button:active,.generation-count-field button:active{transform:translateY(1px)scale(.97)}.generation-select-field{min-width:0;position:relative}.generation-select-field>span{color:#52748b;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.generation-select{min-width:0;position:relative}.generation-select summary{color:#315f79;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);background:linear-gradient(145deg,#ffffffd1,#dcf1fc94);border:1px solid #80b5da57;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:42px;padding:0 10px 0 12px;list-style:none;display:grid;box-shadow:inset 0 1px #ffffffe6,0 7px 18px #377ba41a}.generation-select summary::-webkit-details-marker{display:none}.generation-select summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.image-size-field .generation-select summary{grid-template-columns:auto minmax(0,1fr) auto}.ratio-preview{box-sizing:border-box;background:#6cc4ea29;border:1.5px solid #4484abb3;border-radius:3px;flex:none;justify-self:center;display:block;box-shadow:inset 0 0 0 2px #ffffff73}.ratio-preview-current{justify-self:center}.generation-select-chevron{border-bottom:2px solid #5b8199;border-right:2px solid #5b8199;width:7px;height:7px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.generation-select[open] .generation-select-chevron{transform:rotate(225deg)translate(-1px,-1px)}.generation-option-menu{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#f7fcfff5;border:1px solid #75afd76b;border-radius:8px;gap:4px;max-height:min(310px,55vh);padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 44px #2a5b7c38}.size-option-menu{grid-template-columns:minmax(0,1fr);width:286px}.quality-option-menu{width:154px}.generation-option-menu button{color:#315f79;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;min-height:34px;padding:7px 10px;font-size:10px;font-weight:800}.generation-option-menu button:hover,.generation-option-menu button:focus-visible{background:#e0f4ffe6;outline:none}.generation-option-menu button.active{color:#fff;background:linear-gradient(135deg,#65bdeb 0%,#4a9dd6 56%,#6f8ee9 100%)}.generation-option-menu button.ratio-option,.generation-option-menu button.resolution-option{align-items:center;gap:10px;height:auto;min-height:50px;display:grid}.generation-option-menu button.ratio-option{grid-template-columns:38px minmax(0,1fr)}.generation-option-menu button.resolution-option{grid-template-columns:minmax(0,1fr)}.generation-option-copy{gap:2px;min-width:0;display:grid}.generation-option-copy strong,.generation-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-option-copy strong{font-size:11px}.generation-option-copy small{color:#7894a4;font-size:9px;font-weight:600}.generation-option-menu button.active .generation-option-copy small{color:#ffffffd1}.generation-option-menu button.active .ratio-preview{background:#ffffff2e;border-color:#ffffffe0;box-shadow:inset 0 0 0 2px #ffffff1f}.preview-button{white-space:nowrap;-webkit-backdrop-filter:blur(16px)saturate(145%);backdrop-filter:blur(16px)saturate(145%);background:linear-gradient(135deg,#64c1ecf5,#4c97d7f5 58%,#738bebf0);border:1px solid #ffffff80;width:100%;min-height:34px;transition:transform .17s,box-shadow .17s,filter .17s;overflow:hidden;box-shadow:inset 0 1px #ffffff7a,0 9px 22px #3a83bb3d}.preview-button:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff94,0 13px 28px #3a83bb4d}.preview-button:not(:disabled):active{transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 5px #26679938,0 5px 12px #3a83bb33}.generation-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;width:100%;display:grid}.generation-preview-grid.count-1,.generation-preview-grid.count-2,.generation-preview-grid.count-3,.generation-preview-grid.count-4,.generation-preview-grid.count-5,.generation-preview-grid.count-6,.generation-preview-grid.count-7,.generation-preview-grid.count-8{grid-template-columns:repeat(4,minmax(0,1fr))}.generation-preview{width:100%;aspect-ratio:var(--preview-aspect-ratio,1 / 1);background:#dcf2ffa8;border:1px solid #5baee16b;border-radius:8px;grid-template-columns:1fr;align-content:center;justify-items:center;gap:10px;min-width:0;min-height:0;padding:22px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b}.generation-image-sequence{color:#6f91a7;font-size:10px;font-weight:800;position:absolute;top:12px;left:14px}.generation-partial-result{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.generation-preview:has(.generation-partial-result) .generation-image-sequence{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eff9ffd6;border-radius:5px;padding:4px 7px}.generation-wave{justify-content:center;align-items:flex-end;gap:5px;width:min(210px,76%);height:72px;display:flex}.generation-wave span{opacity:.22;transform-origin:bottom;background:#5aaee0;border-radius:999px;flex:0 0 7px;width:7px;height:8px}.generation-wave.is-active span{animation:1.35s ease-in-out infinite generation-wave-pulse}.generation-wave.is-stopped span{opacity:.22;height:8px;animation:none}.generation-wave span:nth-child(2){animation-delay:70ms}.generation-wave span:nth-child(3){animation-delay:.14s}.generation-wave span:nth-child(4){animation-delay:.21s}.generation-wave span:nth-child(5){animation-delay:.28s}.generation-wave span:nth-child(6){animation-delay:.35s}.generation-wave span:nth-child(7){animation-delay:.42s}.generation-wave span:nth-child(8){animation-delay:.49s}.generation-wave span:nth-child(9){animation-delay:.56s}.generation-wave span:nth-child(10){animation-delay:.63s}.generation-wave span:nth-child(11){animation-delay:.7s}.generation-wave span:nth-child(12){animation-delay:.77s}.generation-wave span:nth-child(13){animation-delay:.84s}.generation-wave span:nth-child(14){animation-delay:.91s}.generation-wave span:nth-child(15){animation-delay:.98s}.generation-wave span:nth-child(16){animation-delay:1.05s}@keyframes generation-wave-pulse{0%,42%,to{opacity:.2;height:8px}68%{opacity:.9;height:54px}}@media (prefers-reduced-motion:reduce){.generation-wave.is-active span{opacity:.55;height:18px;animation:none}}.login-scene{--login-mx:72%;--login-my:52%;isolation:isolate;color:#eef8f7;background:#05090c;place-items:center;min-height:100%;padding:clamp(24px,4vw,54px);display:grid;overflow:auto}.login-scene:before{display:none}.login-scene-base,.login-scene-reveal,.login-scene-grid{pointer-events:none;position:absolute;inset:0}.login-scene-base{z-index:-5;filter:saturate(.82)contrast(1.08)brightness(.72);background:linear-gradient(112deg,#030f1394,#05090d14 48%,#04070ab8),url(./app.png) 50%/cover no-repeat;transform:scale(1.03)}.login-scene-base:after{content:"";background:radial-gradient(circle at 50% 42%,#0000 0 27%,#02080b57 68%,#02070ac2 100%);position:absolute;inset:0}.login-scene-reveal{z-index:-2;opacity:.95;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle 340px at var(--login-mx) var(--login-my), #000 0, #000000f0 21%, #000000a8 49%, #00000038 72%, transparent 100%);mask-image:radial-gradient(circle 340px at var(--login-mx) var(--login-my), #000 0, #000000f0 21%, #000000a8 49%, #00000038 72%, transparent 100%);-webkit-mask-image:radial-gradient(circle 340px at var(--login-mx) var(--login-my), #000 0, #000000f0 21%, #000000a8 49%, #00000038 72%, transparent 100%);background:url(./app2.png) 50%/cover no-repeat;transition:-webkit-mask-position .16s,mask-position .16s}.login-scene-reveal:after{background:radial-gradient(circle at var(--login-mx) var(--login-my), #adf5db29, transparent 42%);content:"";position:absolute;inset:0}.login-scene-grid{z-index:-1;opacity:.2;background-image:linear-gradient(#a1e8e00f 1px,#0000 1px),linear-gradient(90deg,#a1e8e00f 1px,#0000 1px);background-size:62px 62px;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.login-scene-meta{color:#a7bdc2;letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:clamp(22px,4vw,44px);left:clamp(24px,4vw,52px)}.login-scene-meta i{background:#8fe6cb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #8fe6cbd9}.login-scene .login-panel{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(155%);background:linear-gradient(135deg,#16373e9e,#0512198a);border:1px solid #d8fff938;border-radius:22px;width:min(100%,430px);padding:30px;animation:.6s cubic-bezier(.22,.8,.24,1) both packora-login-card-in;box-shadow:0 32px 96px #0000008c,inset 0 1px #ffffff1a}.login-scene .login-panel:before{pointer-events:none;content:"";background:linear-gradient(135deg,#94f5e624,#0000 43%,#7b8aff1a);border-radius:21px;position:absolute;inset:1px}.login-scene .login-panel:after{pointer-events:none;mix-blend-mode:screen;opacity:.72;content:"";background:linear-gradient(120deg,#cefff624,#0000 34%,#77c3ff14 78%,#0000),radial-gradient(circle at 86% 8%,#adf5db29,#0000 34%);border-radius:21px;position:absolute;inset:0}.login-scene .login-brand,.login-scene .login-heading,.login-scene .login-methods,.login-scene .login-form,.login-scene .wechat-login-panel{z-index:1;position:relative}.login-scene .login-brand{border-bottom-color:#d8fff924;padding-bottom:22px}.login-scene .login-mark{color:#153840;background:linear-gradient(145deg,#b4f7e9,#3db8cd);border:1px solid #bbfaef70;border-radius:13px;width:44px;height:44px;box-shadow:0 14px 32px #2fcfbe45,inset 0 1px #ffffff9e}.login-scene .login-brand strong,.login-scene .login-heading h1,.login-scene .login-form label,.login-scene .login-brand small,.login-scene .login-heading p,.login-scene .login-kicker{color:#eef8f7}.login-scene .login-brand small,.login-scene .login-heading p{color:#9db4bc}.login-scene .login-kicker{color:#8fe6cb}.login-scene .login-methods{background:#050f147a;border-color:#cfebee1f}.login-scene .login-methods button{color:#8ba2aa}.login-scene .login-methods button.active{color:#062228;box-shadow:none;background:#abf1e3}.login-scene .login-form input{color:#f2fbfb;background:#020a0e8a;border-color:#cae6e72b}.login-scene .login-form input::placeholder{color:#65808a}.login-scene .login-form input:-webkit-autofill{-webkit-text-fill-color:#f2fbfb;caret-color:#f2fbfb;box-shadow:inset 0 0 0 1000px #020a0e8a}.login-scene .login-form input:-webkit-autofill:hover{-webkit-text-fill-color:#f2fbfb;caret-color:#f2fbfb;box-shadow:inset 0 0 0 1000px #020a0e8a}.login-scene .login-form input:-webkit-autofill:focus{-webkit-text-fill-color:#f2fbfb;caret-color:#f2fbfb;box-shadow:inset 0 0 0 1000px #020a0e8a}.login-scene .login-submit{color:#061b20;background:linear-gradient(100deg,#a7f2e3,#78cdf4);border-color:#0000;box-shadow:0 14px 28px #49c9cd2e}.login-scene .login-submit:hover:not(:disabled){background:linear-gradient(100deg,#b8f7e8,#8edcff);box-shadow:0 17px 34px #49c9cd47}@keyframes packora-login-card-in{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.login-scene-meta{font-size:9px;top:18px;left:20px}.login-scene .login-panel{margin-top:36px;padding:24px}}@media (prefers-reduced-motion:reduce){.login-scene .login-panel{animation:none}}.generation-preview-copy{text-align:center;gap:6px;min-width:0;display:grid}.generation-preview-copy>span,.generation-preview-copy>small{color:#6f91a7;font-size:11px}.generation-preview-copy>strong{color:#315f7b;font-size:18px}.generation-preview-copy>small{overflow-wrap:anywhere;line-height:1.5}.generation-preview-action{justify-self:center;min-height:32px;padding:0 14px}.preserved-generation-preview{background:#0b1823b8;padding:0;overflow:hidden}.preserved-generation-image{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0;width:100%!important;height:100%!important}.preserved-generation-image img{object-fit:contain;width:100%;height:100%}.preserved-generation-overlay{z-index:2;color:#f2fbff;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081926ad;align-content:center;justify-items:center;gap:8px;padding:18px;display:grid;position:absolute;inset:0}.preserved-generation-overlay .generation-wave{width:min(150px,72%);height:46px}.preserved-generation-overlay .generation-wave span{background:#8bd5f4;flex-basis:5px;width:5px}.preserved-generation-overlay strong{font-size:14px}.preserved-generation-overlay small{color:#e5f6ffc7;font-size:11px}.studio-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.studio-result-grid.result-count-1{grid-template-columns:minmax(260px,360px)}.studio-result-grid.result-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-result-grid.result-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-result-grid.result-count-4,.studio-result-grid.result-count-5,.studio-result-grid.result-count-6,.studio-result-grid.result-count-7,.studio-result-grid.result-count-8{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-result-image{aspect-ratio:var(--preview-aspect-ratio,1 / 1);cursor:pointer;background:#dcefff;border:1px solid #5baee159;border-radius:6px;min-width:0;padding:0;overflow:hidden}.studio-result-image img{object-fit:contain;width:100%;height:100%;transition:transform .18s;display:block}.studio-result-image:hover img,.studio-result-image:focus-visible img{transform:scale(1.015)}.studio-result-image:focus-visible{outline-offset:2px;outline:3px solid #3897d34d}.image-inspector-backdrop{z-index:39;cursor:zoom-out;background:#050c12b3;place-items:center;display:grid;position:fixed;inset:0 340px 0 0;overflow:hidden}.image-lightbox-stage{cursor:zoom-in;place-items:center;width:min(78vw,920px);height:min(82vh,820px);display:grid}.image-lightbox-stage img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;transition:transform .1s ease-out;display:block}.image-inspector{z-index:40;background:#f8fcfffa;border-left:1px solid #74aace57;align-content:start;gap:20px;width:min(340px,100vw - 32px);padding:24px;animation:.2s ease-out image-inspector-enter;display:grid;position:fixed;top:57px;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 45px #2d597626}@keyframes image-inspector-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.image-inspector header{justify-content:space-between;align-items:start;gap:16px;display:flex}.image-inspector header>div,.image-inspector section{gap:7px;min-width:0;display:grid}.image-inspector header span,.image-inspector section>span,.image-inspector dt{color:#7894a7;font-size:11px;font-weight:800}.image-inspector header strong{overflow-wrap:anywhere;color:#315f7b;font-size:17px}.image-inspector header button{color:#56778d;cursor:pointer;background:#fff;border:1px solid #74aace57;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;font-size:18px;display:grid}.image-inspector>img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.image-inspector dl{border-top:1px solid var(--line);margin:0;display:grid}.image-inspector dl>div{border-bottom:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);gap:12px;padding:13px 0;display:grid}.image-inspector dd{overflow-wrap:anywhere;color:#315f7b;text-align:right;min-width:0;margin:0;font-size:12px;font-weight:800}.image-inspector section p{color:#496d83;margin:0;font-size:12px;line-height:1.7}.image-inspector-3d-button{justify-content:center;width:100%}.packaging-3d-backdrop{z-index:220;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030a10c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.packaging-3d-dialog{background:#111820;border:1px solid #88dbef42;border-radius:12px;width:min(920px,100%);height:min(760px,90vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #0000006b}.packaging-3d-header,.packaging-3d-footer{color:#c8dbe3;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.packaging-3d-header{border-bottom:1px solid #9dcbdc24}.packaging-3d-header>div{gap:4px;display:grid}.packaging-3d-header span{color:#6bafc3;letter-spacing:1.2px;font-size:10px;font-weight:800}.packaging-3d-header strong{color:#f2fbff;font-size:17px}.packaging-3d-header button{color:#b9d7e2;cursor:pointer;background:#ffffff0a;border:1px solid #8fccde47;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:20px;display:grid}.packaging-3d-canvas{min-height:0;position:relative}.packaging-3d-canvas canvas{display:block;width:100%!important;height:100%!important}.packaging-3d-hint{color:#93b4c2;pointer-events:none;background:#081017c2;border:1px solid #8ecbde29;border-radius:6px;padding:8px 11px;font-size:11px;position:absolute;bottom:16px;right:18px}.packaging-3d-fold-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081318d6;border:1px solid #b3dce738;border-radius:8px;gap:9px;padding:12px 14px;display:grid;position:absolute;bottom:24px;left:22px;right:22px}.packaging-3d-fold-stage{color:#dceff4;align-items:center;gap:9px;font-size:12px;display:flex}.packaging-3d-fold-stage strong{color:#9de8f4;letter-spacing:.04em;font-size:11px}.packaging-3d-fold-controls input[type=range]{accent-color:#65dcf2;width:100%}.packaging-3d-fold-actions{gap:8px;display:flex}.packaging-3d-fold-actions button{color:#dceff4;cursor:pointer;background:#ffffff0f;border:1px solid #b3dce740;border-radius:5px;padding:5px 10px;font-size:11px}.packaging-3d-fold-actions button:hover{background:#65dcf229}.packaging-3d-modeling-sheet{background:#f8fafc;place-items:center;width:100%;height:100%;padding:28px;display:grid;position:relative;overflow:auto}.packaging-3d-modeling-sheet img{object-fit:contain;width:min(100%,760px);height:auto;max-height:100%;display:block}.packaging-3d-modeling-canvas{width:100%;height:100%;min-height:420px;position:relative}.packaging-3d-modeling-canvas canvas{display:block;width:100%!important;height:100%!important}.packaging-3d-stage-badge{color:#dceff4;pointer-events:none;background:#081318d6;border:1px solid #b3dce738;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:inline-flex;position:absolute;bottom:16px;left:18px}.packaging-3d-stage-badge strong{color:#9de8f4;letter-spacing:.02em;font-size:11px}.packaging-3d-modeling-legend{color:#234858;background:#ffffffeb;border:1px solid #1742562e;border-radius:6px;gap:12px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:16px;right:18px}.packaging-3d-modeling-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.packaging-3d-modeling-legend i{border-top:2px solid #2563eb;width:20px;height:0;display:inline-block}.packaging-3d-modeling-legend i.crease-line{border-top:2px dashed #e11d48}.packaging-3d-footer{color:#8daebb;border-top:1px solid #9dcbdc24;font-size:12px}@media (width<=720px){.packaging-3d-backdrop{padding:12px}.packaging-3d-dialog{height:min(720px,92vh)}.packaging-3d-footer{flex-direction:column;align-items:flex-start;gap:5px}.generation-preview-grid,.generation-preview-grid.count-1,.generation-preview-grid.count-2,.generation-preview-grid.count-3,.generation-preview-grid.count-4,.generation-preview-grid.count-5,.generation-preview-grid.count-6,.generation-preview-grid.count-7,.generation-preview-grid.count-8,.studio-result-grid,.studio-result-grid.result-count-1,.studio-result-grid.result-count-2,.studio-result-grid.result-count-3,.studio-result-grid.result-count-4,.studio-result-grid.result-count-5,.studio-result-grid.result-count-6,.studio-result-grid.result-count-7,.studio-result-grid.result-count-8{grid-template-columns:minmax(0,1fr)}.image-inspector-backdrop{right:min(340px,100vw - 32px)}}@media (width>=721px) and (width<=900px){.studio-result-grid.result-count-3,.studio-result-grid.result-count-4,.studio-result-grid.result-count-5,.studio-result-grid.result-count-6,.studio-result-grid.result-count-7,.studio-result-grid.result-count-8,.generation-preview-grid.count-1,.generation-preview-grid.count-2,.generation-preview-grid.count-3,.generation-preview-grid.count-4,.generation-preview-grid.count-5,.generation-preview-grid.count-6,.generation-preview-grid.count-7,.generation-preview-grid.count-8{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-hint{color:#8a6d3b;margin:12px 0 0;font-size:10px}.back-button{color:#5e7f95;background:0 0;border:0;margin-bottom:22px;padding-left:0}.fixture-badge{color:#8a6a32;background:#fff7ddeb;margin-bottom:12px}.result-grid{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}.result-card{background:var(--panel-strong);min-width:0;box-shadow:var(--shadow);border:1px solid #85adcb4d;border-radius:20px;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);display:grid;overflow:hidden}.result-card.selected{border-color:#439bd8b8;box-shadow:0 22px 65px #3e729a21,inset 0 0 0 1px #439bd82e}.result-image-wrap{background:#d9edf7;min-height:420px;position:relative;overflow:hidden}.result-image-wrap img{object-fit:contain;width:100%;height:100%;display:block}.result-sequence,.favorite-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #ffffffb8;place-items:center;display:grid;position:absolute;top:13px}.result-sequence{color:#5b788c;border-radius:8px;min-width:30px;height:27px;font-size:9px;font-weight:800;left:13px}.favorite-button{color:#58768b;cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0;font-size:19px;right:13px}.favorite-button.active{color:#db6670}.result-card-body{flex-direction:column;min-width:0;padding:20px;display:flex}.result-card-body>span{color:#4c94c3;letter-spacing:.08em;font-size:9px;font-weight:900}.result-card-body h2{color:#214b67;margin:7px 0;font-size:20px}.result-card-body>p{min-height:38px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.tag-row{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.tag-row span{color:#638094;background:#f0f6f9;border-radius:7px;padding:4px 7px;font-size:9px}.result-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto;padding-top:18px;display:grid}.selected-button{color:#277aa9;background:#e6f7ffeb}.icon-text-button{color:#537990}.boundary-notice{color:#806c45;background:#fffae8bd;border:1px solid #cca85042;border-radius:13px;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 17px;display:flex}.boundary-notice strong{flex:none;font-size:11px}.boundary-notice p{margin:0;font-size:10px;line-height:1.55}.empty-page{align-content:center;min-height:420px;padding:30px}.empty-page.compact{border:1px dashed var(--line);background:#f6fbff8f;border-radius:22px;min-height:450px}.empty-page>span{color:#68acd7;font-size:38px}.empty-page h1,.empty-page h2{margin:12px 0 4px}.empty-page p{color:var(--muted);margin:4px 0 18px;font-size:12px}.memory-badge{color:#37795f;background:#e7f9f1e6}.history-list{gap:17px;display:grid}.history-card{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);min-width:0;display:grid;overflow:hidden}.history-preview{background:#dfeff8c7;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr 1fr;gap:3px;min-width:0;min-height:234px;padding:3px;display:grid}.history-preview[data-count="1"]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.history-preview[data-count="2"]{grid-template-rows:minmax(0,1fr)}.history-preview img{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0}.history-preview img:focus-visible{outline-offset:-3px;outline:3px solid #1677a8}.history-card-body{grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:14px;min-width:0;min-height:420px;padding:24px;display:grid}.history-card-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;min-width:0;display:grid}.history-card-copy>span{color:#4e97c5;font-size:9px;font-weight:900}.history-card-body h2{margin:6px 0}.history-card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.history-card-summary dl{gap:18px;margin:0;display:flex}.history-card-body dl div{min-width:55px}.history-card-body dt{color:#88a0b0;font-size:8px}.history-card-body dd{margin:4px 0 0;font-size:11px;font-weight:800}.history-card-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.history-decomposition-strip{overscroll-behavior:contain;scrollbar-color:#8cb9d3 #e0eff8b8;align-items:stretch;gap:10px;min-width:0;padding:10px 2px 12px;display:flex;overflow:auto hidden}.history-decomposition-strip.empty{border-block:1px dashed #86b0ce6b;justify-content:center;align-items:center}.history-decomposition-item{width:142px;min-width:0;color:var(--ink);cursor:zoom-in;background:#f8fcff;border:1px solid #86b0ce73;border-radius:6px;flex:0 0 142px;grid-template-rows:132px auto;padding:0;display:grid;overflow:hidden}.history-decomposition-item:hover{border-color:#56a3cd;box-shadow:0 5px 14px #2c749c1f}.history-decomposition-item img{object-fit:contain;background:#fff;width:100%;height:132px}.history-decomposition-item span{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:7px 8px;font-size:10px;font-weight:700;overflow:hidden}.history-decomposition-empty{color:var(--muted);font-size:11px}.history-delete-confirm{align-items:center;gap:7px;display:flex}.history-delete-confirm span{color:#8e5a61;white-space:nowrap;font-size:10px;font-weight:700}.history-card-actions .danger-button{background:#fff6f7e0;border-color:#b85c6847}.locked-badge{color:#816941;background:#fff9e6e6}.safe-storage-badge{color:#287654;background:#e8faf1eb;border:1px solid #35a07047;border-radius:999px;align-items:center;width:fit-content;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.security-boundary{background:#effcf6c7;border:1px solid #38a4743d;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.security-boundary strong{color:#2d674e;font-size:12px}.security-boundary p{color:#6f8c7d;margin:5px 0 0;font-size:10px;line-height:1.55}.key-state{color:#876c3e;background:#fff7dae6;border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:900}.key-state.configured{color:#25734f;background:#d3f5e4e6}.key-state.corrupted{color:#a4424d;background:#ffe5e8e6}.provider-settings-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;margin-top:16px;padding:24px}.provider-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:17px;display:flex}.provider-card-heading>div>span{color:#4d98c7;letter-spacing:.12em;font-size:9px;font-weight:900}.provider-card-heading h2{margin:6px 0 0;font-size:20px}.protocol-state{color:#3e789c;background:#e0f4ffd1;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.provider-fields{grid-template-columns:minmax(280px,1.6fr) 1fr .8fr;gap:12px;margin-top:18px;display:grid}.provider-fields label,.key-management label{color:#52748b;gap:7px;min-width:0;font-size:10px;font-weight:800;display:grid}.provider-fields input,.provider-fields select,.key-management input{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:#fafdffe0;border-radius:11px;padding:0 12px}.provider-fields select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#66869b 50%),linear-gradient(135deg,#66869b 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.model-id-controls{gap:7px;min-width:0;display:grid}.image-provider-settings{margin-top:20px}.image-provider-tabs{background:#dcebf475;border:1px solid #7099b42e;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;padding:4px;display:grid}.image-provider-tabs button{color:#587386;cursor:pointer;background:#edf5f9b8;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:0;height:40px;padding:0 10px;font-size:10px;font-weight:800;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex}.image-provider-tabs button:hover:not(.active){color:#315f7a;background:#f7fcffe6;border-color:#4c91b833}.image-provider-tabs button.active{color:#fff;background:linear-gradient(125deg,#3eadd8,#6679e8);border-color:#3797d594;transform:translateY(-1px);box-shadow:0 8px 18px #407ecd33,inset 0 1px #ffffff47}.image-provider-tabs button:focus-visible{border-color:#2a97d6d1;outline:none;box-shadow:0 0 0 3px #3eaae129}.image-provider-tabs button i{background:#c4d0d8;border-radius:50%;flex:none;width:7px;height:7px}.image-provider-tabs button i.configured{background:#2f9a68}.image-provider-tabs button.active i{box-shadow:0 0 0 2px #ffffff47}.image-provider-fields{grid-template-columns:minmax(300px,1.6fr) minmax(190px,1fr) .8fr}.provider-capability-note{color:#5c7788;background:#f0f9f5b8;border-left:3px solid #55a47e;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.provider-capability-note span{color:#2c7352;flex:none;font-size:10px;font-weight:900}.provider-capability-note p{flex:auto;min-width:0;margin:0;font-size:10px;line-height:1.5}.provider-capability-note strong{color:#52748b;flex:none;font-size:9px}.provider-fields label>small{color:#8aa0b0;font-size:8px;font-weight:500;line-height:1.45}.timeout-input{position:relative}.timeout-input input{padding-right:38px}.timeout-input span{color:#8ca0ae;font-size:9px;position:absolute;top:14px;right:11px}.key-management{border-top:1px solid var(--line);grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:10px;margin-top:18px;padding-top:18px;display:grid}.danger-button{color:#a04e57}.provider-actions{align-items:center;gap:9px;padding-top:16px;display:flex}.model-feedback{color:#68879b;min-width:0;margin:0 auto 0 0;font-size:10px;line-height:1.5}.feedback-success{color:#277956}.feedback-error{color:#a4424d}.settings-boundary{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.settings-boundary strong{color:#365f78}.settings-boundary p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.6}.model-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px;display:grid}.model-role-card{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;min-width:0;padding:24px}.model-role-card>span{color:#68a7d0;letter-spacing:.1em;font-size:10px;font-weight:900}.model-role-card h2{margin:10px 0 8px}.model-role-card>p{min-height:52px;color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.6}.model-role-card>strong{color:#4f7c96;font-size:9px}.decompose-view{width:100%;margin:0;padding-top:20px;padding-bottom:20px;padding-left:12px;position:relative}.decompose-layout{grid-template-columns:clamp(460px,28vw,560px) minmax(0,1fr);align-items:start;gap:17px;min-width:0;display:grid}.decompose-heading{z-index:3;justify-content:flex-end;margin:0;position:absolute;top:38px;right:clamp(26px,4.2vw,68px)}.app-frame[data-environment=web] .decompose-heading{max-width:calc(100% - 440px);right:210px}.app-frame[data-environment=web] .decompose-heading .heading-actions{flex-wrap:wrap;justify-content:flex-end}.decompose-panel{min-width:0;padding:21px}.decompose-layout>.decompose-panel:first-child{flex-direction:column;height:calc(100vh - 86px);min-height:0;display:flex}.output-panel{min-height:392px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:95px 0 18px}.output-panel:not(.output-panel-empty){flex-direction:column;height:calc(100vh - 86px);min-height:0;display:flex;overflow:hidden}.output-panel:not(.output-panel-empty)>.asset-grid{align-content:start;min-height:0;padding-right:4px;overflow:hidden auto}.output-panel-empty .decompose-empty{background:0 0;border:0;border-radius:0;min-height:392px}.section-title{grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:17px;display:grid}.section-title>span{color:#3d8aba;background:#5bb1e724;border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.section-title h2{margin:0;font-size:16px}.section-title p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.selection-count{color:#397a60;white-space:nowrap;font-size:10px}.decompose-upload{color:#66859a;text-align:center;cursor:pointer;background:#f4fbffb3;border:1px dashed #5e9fcd6b;border-radius:16px;align-content:center;place-items:center;min-height:285px;padding:22px;display:grid;position:relative}.decompose-upload>span{background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:22px;display:grid;box-shadow:0 10px 30px #4b84ae1f}.decompose-upload p{margin:8px 0 13px;font-size:10px}.decompose-upload small{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-weight:800}.source-preview{background:#f7fcfff0;border-radius:16px;grid-template-rows:285px auto;grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.source-preview-image{width:100%;height:285px;color:inherit;cursor:zoom-in;background:#dceef7;border:0;grid-column:1/-1;padding:0;display:block;position:relative;overflow:hidden}.source-preview-image.is-dragging{cursor:grabbing}.source-preview-image.is-disabled{cursor:default}.source-preview-image img{object-fit:contain;object-position:center;background:#dceef7;width:100%;height:285px;padding:10px;display:block}.app-frame[data-environment=web] .source-preview-image{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.app-frame[data-environment=web] .source-preview-image.is-dragging{cursor:grabbing}.app-frame[data-environment=web] .source-preview-image img{pointer-events:none;will-change:transform;width:auto;max-width:calc(100% - 20px);height:auto;max-height:265px;padding:0;transition:transform 90ms ease-out}.app-frame[data-environment=web] .source-preview-image.is-dragging img{transition:none}.source-flat-regenerate{color:#2f6e92;cursor:pointer;background:#fffffff0;border:1px solid #579dc959;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px #2c648924}.source-annotation-action{color:#2f6e92;cursor:pointer;background:#ffffffeb;border:1px solid #579dc959;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px #2c648924}.source-annotation-action b{color:#e43b48;font-size:15px;line-height:1}.source-preview-image.is-disabled .source-annotation-action{opacity:.55}.annotation-editor-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07121bb8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.annotation-editor{background:#f5fbff;border:1px solid #89bedc80;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1420px,100vw - 44px);min-width:0;height:min(900px,100vh - 44px);min-height:0;display:grid;overflow:hidden;box-shadow:0 28px 90px #00152361}.annotation-editor-toolbar{background:#fffffff0;border-bottom:1px solid #84b8d84d;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:14px;min-height:58px;padding:10px 14px 10px 18px;display:grid}.annotation-editor-toolbar>strong{color:#245a78;font-size:13px}.annotation-editor-toolbar>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.annotation-toolbar-separator{background:#70a5c64d;width:1px;height:22px;margin:0 2px}.annotation-editor-toolbar .annotation-zoom-value{color:#2f6b8f;font-variant-numeric:tabular-nums;min-width:54px}.annotation-editor-toolbar button,.annotation-list-item>button{color:#3a6c89;cursor:pointer;background:#f6fbfff5;border:1px solid #6fa9cc52;border-radius:7px;min-height:32px;padding:6px 11px;font-size:10px;font-weight:800}.annotation-editor-toolbar button:hover:not(:disabled),.annotation-editor-toolbar button.active{color:#176da0;background:#e8f6ff;border-color:#4196cdb8}.annotation-editor-toolbar button:disabled{opacity:.45;cursor:default}.annotation-editor-toolbar .annotation-editor-close{border:0;justify-self:end;width:34px;min-height:34px;padding:0;font-size:20px}.annotation-editor-body{grid-template-columns:minmax(0,1fr) 310px;min-width:0;min-height:0;display:grid}.annotation-stage-shell{background:#0d1c26e6;place-items:center;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.annotation-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background-color:#263740;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:relative;overflow:hidden}.annotation-stage.drawing{cursor:crosshair}.annotation-stage.panning{cursor:grabbing}.annotation-canvas{z-index:1;transform-origin:50%;will-change:transform;background:#dce7ed;position:absolute;top:50%;left:50%;overflow:visible;box-shadow:0 12px 40px #00000052}.annotation-canvas>img{object-fit:fill;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.annotation-canvas>svg{z-index:2;pointer-events:none;width:300%;height:300%;position:absolute;top:-100%;left:-100%;overflow:visible}.annotation-stage svg line{stroke:#ef3340;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.annotation-stage svg line.selected{stroke-width:4px}.annotation-stage svg line.drawing-preview{opacity:.72;stroke-dasharray:10 8}.annotation-stage svg .annotation-target-region{fill:#ef33400f;stroke:#ef3340;stroke-width:3px;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}.annotation-stage svg .annotation-target-region.selected{fill:#ef33401c;stroke-width:4px}.annotation-stage svg .annotation-target-region.clickable{pointer-events:all;cursor:crosshair}.annotation-stage svg .annotation-target-region.drawing-preview{opacity:.76;stroke-dasharray:7 5}.annotation-stage svg marker path{fill:#ef3340}.annotation-label{z-index:4;color:#bd2632;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:grab;background:#ffffffed;border:1px solid #ef334080;border-radius:5px;width:max-content;min-width:120px;max-width:220px;min-height:30px;padding:6px 9px;font-size:10px;font-weight:800;line-height:1.45;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px 12px #630d1429}.annotation-label.selected{outline-offset:2px;outline:2px solid #ef334059}.annotation-label:active{cursor:grabbing}.annotation-target-handle{z-index:5;cursor:move;background:#ef3340;border:2px solid #fff;border-radius:50%;width:14px;height:14px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #4c0b115c}.annotation-list-panel{background:#f9fdfffa;border-left:1px solid #84b8d84d;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;padding:16px;display:grid}.annotation-list-panel>header{color:#315f79;justify-content:space-between;align-items:center;font-size:11px;display:flex}.annotation-list-panel>header span{color:#7a9aae;font-size:9px}.annotation-list{min-height:0;overflow-y:auto}.annotation-list-item{border-bottom:1px solid #85b5d233;grid-template-columns:24px minmax(0,1fr) 28px;align-items:start;gap:7px;padding:9px 0;display:grid}.annotation-list-item>span{color:#fff;background:#ef4a56;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.annotation-list-item-content{gap:6px;min-width:0;display:grid}.annotation-list-item textarea{resize:vertical;color:#244f68;width:100%;min-height:64px;font:inherit;background:#fff;border:1px solid #73abcd57;border-radius:6px;padding:8px;font-size:10px;line-height:1.5}.annotation-list-item-actions{color:#7a9aae;align-items:center;gap:5px;min-width:0;font-size:9px;display:flex}.annotation-list-item-actions>span{white-space:nowrap;margin-right:auto}.annotation-list-item-actions>button{color:#3a6c89;cursor:pointer;background:#f6fbfff5;border:1px solid #6fa9cc4d;border-radius:5px;min-height:24px;padding:3px 7px;font-size:9px;font-weight:700}.annotation-list-item-actions>button:disabled{opacity:.45;cursor:default}.annotation-list-item.selected textarea{border-color:#ef334094;box-shadow:0 0 0 2px #ef334014}.annotation-list-item>button{color:#a95b63;background:0 0;border:0;width:28px;min-height:28px;padding:0;font-size:16px}.annotation-editor-error{color:#a82e38;background:#ffedefd1;border:1px solid #d84a5347;border-radius:6px;margin:0;padding:9px 10px;font-size:9px}.annotation-editor-footer{background:#fffffff7;border-top:1px solid #84b8d84d;justify-content:flex-end;align-items:center;gap:9px;min-height:62px;padding:10px 16px;display:flex}@media (width<=860px){.annotation-editor-backdrop{padding:8px}.annotation-editor{width:calc(100vw - 16px);height:calc(100vh - 16px)}.annotation-editor-toolbar{grid-template-columns:1fr auto}.annotation-editor-toolbar>div{order:3;grid-column:1/-1;justify-content:center}.annotation-editor-body{grid-template-columns:minmax(0,1fr) 250px}}.source-preview>span{color:#315f79;text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;max-width:100%;padding:11px 12px;font-size:9px;overflow:hidden}.source-preview>span small{color:#7895a8;margin-top:2px;font-size:7px;display:block}.source-preview .button{align-self:center;margin-right:10px;position:static}.decompose-parameter-controls{z-index:12;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid;position:relative}.decompose-parameter-controls .generation-select-field>span{margin-bottom:6px}.decompose-parameter-controls .generation-select summary{height:40px}.decompose-parameter-controls .generation-option-menu{width:100%;left:0;right:auto}.decompose-parameter-controls .size-option-menu{min-width:190px}.generation-select.parameter-locked summary{cursor:not-allowed;opacity:.55}.decomposition-plan-editor{border-top:1px solid #6fa2c642;flex-direction:column;flex:1;min-height:0;margin-top:12px;padding-top:12px;display:flex}.app-frame[data-environment=web] .decomposition-plan-editor.is-empty{flex:none;min-height:auto}.app-frame[data-environment=web] .decomposition-plan-empty{color:#567b91;background:#6fa2c60d;border:1px dashed #6fa2c63d;border-radius:8px;align-content:center;gap:5px;min-height:78px;padding:14px 16px;display:grid}.app-frame[data-environment=web] .decomposition-plan-empty strong{font-size:10px}.app-frame[data-environment=web] .decomposition-plan-empty span{color:var(--muted);font-size:9px;line-height:1.5}.app-frame[data-environment=web] .decomposition-plan-editor.is-empty+.decompose-start{margin-top:12px}.decomposition-plan-editor>header{color:#365f78;justify-content:space-between;align-items:center;margin-bottom:8px;padding-inline:12px;display:flex}.decomposition-plan-editor>header strong{font-size:11px}.decomposition-plan-editor>header span{color:#6f8fa3;font-size:9px}.decomposition-plan-header-actions{align-items:center;gap:7px;display:flex}.decomposition-plan-header-actions button{color:#2f7398;cursor:pointer;background:#ecf8ffe6;border:1px solid #4ba5dc47;border-radius:7px;height:26px;padding:0 9px;font-size:9px;font-weight:800}.decomposition-plan-header-actions button:hover:not(:disabled){background:#dcf2fff5;border-color:#4ba5dc7a}.decomposition-plan-list{border-block:1px solid #6fa2c633;flex:1;min-height:0;max-height:440px;overflow-y:auto}.decomposition-plan-row{border-bottom:1px solid #6fa2c629;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 2px;display:grid}.decomposition-plan-row:last-child{border-bottom:0}.decomposition-plan-row>span{color:#397b66;background:#3aa7791f;border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.decomposition-plan-row label{gap:0;min-width:0;display:grid}.decomposition-plan-row input{color:#294f68;width:100%;min-width:0;height:32px;font:inherit;background:#f8fcffe0;border:1px solid #6fa2c64d;border-radius:7px;outline:none;padding:0 9px;font-size:9px}.decomposition-plan-row input:focus{border-color:#4997d5b8;box-shadow:0 0 0 3px #4997d51a}.decomposition-plan-row-actions{align-items:center;gap:4px;display:flex}.decomposition-plan-row-actions button{cursor:pointer;border:0;border-radius:7px;height:30px}.decomposition-plan-generate{color:#2f6f8e;background:#4ba5dc1f;min-width:44px;padding:0 8px;font-size:9px;font-weight:800}.decomposition-plan-generate:hover{color:#245b78;background:#4ba5dc33}.decomposition-plan-generate:disabled{cursor:not-allowed;opacity:.45}.decomposition-plan-remove{color:#8a6670;background:0 0;place-items:center;width:30px;padding:0;font-size:17px;display:grid}.decomposition-plan-remove:hover{color:#a84858;background:#c8526317}.decompose-start{width:100%;margin-top:auto}.decompose-boundary{color:#7b6b40;margin:10px 2px 0;font-size:9px;line-height:1.55}.decompose-empty{border:1px dashed var(--line);background:#f6fbff80;border-radius:16px;align-content:center;min-height:350px}.decompose-empty>span{gap:5px;margin-bottom:14px;display:flex}.decompose-empty i{border:1px solid #569dd066;border-radius:6px;width:21px;height:21px;transform:rotate(12deg)}.decompose-empty i:nth-child(2){transform:translateY(-7px)rotate(-8deg)}.decompose-empty p{color:var(--muted);margin:7px 0 0;font-size:10px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.asset-card{border:1px solid var(--line);background:#f8fcffbd;border-radius:13px;min-width:0;padding:8px;position:relative}.asset-card.selected{background:#effcf6c7;border-color:#3aa77980}.asset-card>label{z-index:2;color:#5a788d;cursor:pointer;background:#ffffffd1;border-radius:8px;align-items:center;gap:5px;padding:4px 6px;font-size:8px;display:flex;position:absolute;top:12px;left:12px}.asset-card>label input{opacity:0;position:absolute}.asset-card>label>span{color:#0000;border:1px solid #9cb4c4;border-radius:5px;place-items:center;width:15px;height:15px;display:grid}.asset-card.selected>label>span{border-color:var(--green);color:#fff;background:var(--green)}.decomposition-card-number{z-index:3;color:#fff;pointer-events:none;background:#16465cd1;border:1px solid #ffffff75;border-radius:7px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 3px 10px #06192733}.asset-card[data-status=failed] .decomposition-card-number{background:#973539e6}.asset-card-requested .decomposition-card-number{background:#166893e6}.asset-preview{aspect-ratio:var(--asset-aspect-ratio,1 / 1);background:linear-gradient(45deg,#e8edf0 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#e8edf0 25%,#0000 25%) 0 8px/16px 16px,linear-gradient(45deg,#0000 75%,#e8edf0 75%) 8px -8px/16px 16px,linear-gradient(-45deg,#0000 75%,#e8edf0 75%) -8px 0/16px 16px,#f8fbfc;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.asset-preview b{z-index:1;color:#17536d;letter-spacing:.08em;font-size:clamp(18px,2.4vw,31px)}.real-asset-preview img{object-fit:contain;width:100%;height:100%}.asset-preview-button{cursor:zoom-in;border:0;width:100%;padding:0}.asset-preview-button:hover img,.asset-preview-button:focus-visible img{transform:scale(1.025)}.asset-preview-button img{transition:transform .16s}.decomposition-lightbox-backdrop{z-index:80;background:#0a1923eb;place-items:stretch stretch;min-width:0;min-height:0;padding:72px 24px 24px;display:grid;position:fixed;inset:0}.decomposition-lightbox-toolbar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.decomposition-lightbox-toolbar button{color:#eaf7ff;cursor:pointer;background:#233f50f0;border:1px solid #b8daee59;border-radius:7px;place-items:center;width:40px;height:36px;padding:0;font-size:16px;font-weight:800;display:grid}.decomposition-lightbox-toolbar button:nth-child(2){width:68px;font-size:11px}.decomposition-lightbox-close{z-index:2;color:#eaf7ff;cursor:pointer;background:#233f50f0;border:1px solid #b8daee59;border-radius:7px;place-items:center;width:40px;height:36px;padding:0;font-size:16px;font-weight:800;display:grid;position:absolute;top:18px;right:20px}.decomposition-lightbox-stage{touch-action:none;cursor:grab;background:linear-gradient(45deg,#ffffff14 25%,#0000 25%) 0 0/24px 24px,linear-gradient(-45deg,#ffffff14 25%,#0000 25%) 0 12px/24px 24px,linear-gradient(45deg,#0000 75%,#ffffff14 75%) 12px -12px/24px 24px,linear-gradient(-45deg,#0000 75%,#ffffff14 75%) -12px 0/24px 24px,#253843;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.decomposition-lightbox-stage:active{cursor:grabbing}.decomposition-lightbox-stage img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;width:auto;max-width:90%;height:auto;max-height:90%;display:block}.real-asset-preview>span{color:#6f8a9c;font-size:10px;font-weight:800}.asset-card[data-status=running]{border-color:#4b92dda6;box-shadow:0 0 0 3px #4b92dd14}.asset-card[data-status=failed]{border-color:#d25b5b8c}.asset-card-placeholder{box-shadow:none;background:0 0;border-color:#0000}.asset-card-placeholder .asset-preview{background:0 0}.asset-card-requested{background:#e7f7ff6b;border-color:#4ba5dc6b;box-shadow:0 10px 26px #3684b71a}.decomposition-loading-preview{isolation:isolate;background:linear-gradient(145deg,#e4f6ffe0,#cdebfb9e 58%,#e0e8ffad);border:1px solid #56a6da4d;gap:13px;position:relative}.decomposition-loading-preview:before{z-index:-1;content:"";background:linear-gradient(105deg,#0000 26%,#ffffff94 46%,#0000 66%) 0 0/220% 100%;animation:1.8s linear infinite decomposition-loading-sweep;position:absolute;inset:0}.decomposition-loading-preview>strong{color:#4a7e9c;font-size:10px}.decomposition-regeneration-preview,.decomposition-fallback-preview{position:relative}.decomposition-regeneration-preview>img{filter:brightness(.58)}.decomposition-regeneration-overlay{color:#e8f7ff;background:#07172085;place-content:center;justify-items:center;gap:8px;padding:12px;display:grid;position:absolute;inset:0}.decomposition-regeneration-overlay strong,.decomposition-regeneration-overlay small{color:inherit;text-align:center}.decomposition-regeneration-overlay strong{font-size:11px}.decomposition-regeneration-overlay small{font-size:9px}.decomposition-fallback-label{color:#fff4e5;text-align:center;background:#5b2b12d1;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700;position:absolute;bottom:8px;left:8px;right:8px}.decomposition-loading-bars{align-items:flex-end;gap:5px;height:42px;display:flex}.decomposition-loading-bars i{background:#55addd;border-radius:999px;width:6px;height:10px;animation:1.1s ease-in-out infinite decomposition-loading-pulse}.decomposition-loading-bars i:nth-child(2){animation-delay:90ms}.decomposition-loading-bars i:nth-child(3){animation-delay:.18s}.decomposition-loading-bars i:nth-child(4){animation-delay:.27s}.decomposition-loading-bars i:nth-child(5){animation-delay:.36s}@keyframes decomposition-loading-pulse{0%,to{opacity:.32;height:10px}50%{opacity:.92;height:38px}}@keyframes decomposition-loading-sweep{0%{background-position:130% 0}to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.decomposition-loading-bars i{opacity:.58;height:20px;animation:none}}.asset-lime i{background:#dff69b;border:12px solid #a5d95b;border-radius:50%;width:70px;height:70px;box-shadow:31px 15px 0 -8px #6dbc51}.asset-bubbles i{border:4px solid #74d6de;border-radius:50%;width:18px;height:18px;box-shadow:28px 13px 0 2px #59bdd57a,-25px 18px 0 -1px #4cb1d394,12px -25px 0 4px #72d8d26b}.asset-gradient{background:linear-gradient(135deg,#87e6ca,#68c9e6 48%,#7189eb)}.asset-wave i{border:5px solid #61bcd8;border-top:0;border-radius:0 0 50% 50%;width:90%;height:45px;transform:rotate(-8deg)}.asset-dots i{background:#6baed0;border-radius:50%;width:8px;height:8px;box-shadow:25px 20px #98d46a,-24px 21px #52cfbd,13px -21px #7789e8,-20px -15px #80c4df}.asset-card h3{margin:9px 2px 3px;font-size:11px}.asset-card>p{color:var(--muted);margin:0 2px 2px;font-size:8px}.asset-card>.asset-error-message{color:#a13d3d;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.decompose-job-summary{color:#496a80;background:#f0f8fdb8;border:1px solid #6fa2c647;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:0;padding:9px 11px;font-size:9px;display:flex}.decompose-output-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e5f2fbd1;border-top:1px solid #6fa2c63d;flex:none;margin-top:auto;padding:14px 16px 16px}.decompose-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.decompose-actions>span{overflow-wrap:anywhere;min-width:0;color:var(--muted);margin-right:auto;font-size:9px;line-height:1.45}@media (width<=760px){.decompose-output-footer{padding:12px}.decompose-actions{justify-content:stretch}.decompose-actions>span{flex:1 0 100%;margin-right:0}.decompose-actions .button{flex:145px}}.context-menu{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #7da6c359;border-radius:13px;width:226px;padding:7px;position:fixed;box-shadow:0 22px 60px #2c5b7c38}.context-menu button{color:#42677f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.context-menu button:hover{background:#eef8fd}.context-menu button:disabled{cursor:not-allowed;opacity:.46}.context-menu button:disabled:hover{background:0 0}.context-menu button>span{font-size:22px}.context-menu strong,.context-menu small{display:block}.context-menu strong{font-size:11px}.context-menu small{color:var(--muted);margin-top:3px;font-size:8px}:root[data-theme=light]{color:#172a35;--ink:#172a35;--muted:#6b818d;--line:#4c798f29;--panel:#ffffffdb;--panel-strong:#fffffff7;--blue:#62bee0;--blue-deep:#2f8db5;--violet:#6575db;--green:#42b98a;--shadow:0 24px 64px #2f5c731c;background:#f4fbff}html[data-theme=light] body{background:#f4fbff}.app-frame[data-theme=light]{isolation:isolate;background:linear-gradient(118deg,#0000 0% 58%,#ffeaa621 72%,#0000 88%),linear-gradient(#c8eaf5 0%,#edf8fb 27%,#fff 60%,#fbfdff 100%);position:relative}.app-frame[data-theme=light]:before,.app-frame[data-theme=light]:after{z-index:0;pointer-events:none;content:"";position:absolute;inset:46px 0 0}.app-frame[data-theme=light]:after{opacity:.68;background:linear-gradient(90deg,#0000 0%,#7bcbe70a 22%,#ffffff70 50%,#7bcbe70a 78%,#0000 100%) 0 0/130% 30% no-repeat;animation:18s ease-in-out infinite alternate packora-light-grid-drift;-webkit-mask-image:linear-gradient(#000 0%,#0000006b 13%,#0000 34%);mask-image:linear-gradient(#000 0%,#0000006b 13%,#0000 34%)}.app-frame[data-theme=light]>:is(.window-bar,.app-layout){z-index:1;position:relative}@keyframes packora-light-flow{0%{opacity:.78;background-position:0 0,0 0}to{opacity:.96;background-position:12% 4%,0 0}}@keyframes packora-light-grid-drift{0%{background-position:0 0}to{background-position:100% 0}}html[data-theme=light] :is(.window-bar,.sidebar){-webkit-backdrop-filter:blur(22px)saturate(112%);backdrop-filter:blur(22px)saturate(112%);background:#fcfefcdb}html[data-theme=light] :is(.history-tabs,.status-row,.theme-toggle,.button,.back-button,.window-cancel-button,.spark-symbol,.empty-page.compact,.model-role-card,.provider-settings-card,.decomposition-history-card,.history-element,.result-card,.decomposition-plan-row,.asset-card,.context-menu,.annotation-editor,.annotation-list-panel){color:var(--ink);background:var(--panel-strong);box-shadow:0 14px 38px #27414c14}html[data-theme=light] :is(input:not([type=range]),textarea,select,.box-picker summary,.generation-select summary,.history-search input,.box-type-menu,.generation-option-menu){border-color:var(--line);color:var(--ink);background-color:#ffffffe6}html[data-theme=light] :is(input,textarea)::placeholder{color:#93a0a6}html[data-theme=light] :is(.page-heading h1,.history-card-body h2,.decomposition-history-title-row h2,.provider-card-heading h2,.model-role-card h2,.settings-boundary strong,.security-boundary strong,.box-option strong,.empty-canvas strong){color:var(--ink)}html[data-theme=light] :is(.mini-mark,.brand-mark){background:linear-gradient(135deg,#286f91,#3d9fc6 58%,#74cce3);box-shadow:0 12px 28px #2f84a738}html[data-theme=light] :is(.stage-chip,.fixture-badge){color:#377b9c;background:#ebf8fef0;border-color:#54a3c738}html[data-theme=light] .nav-item{color:#53656e;transition:border-color .18s,background-color .18s,color .18s,transform .18s}html[data-theme=light] .nav-item:hover{color:#1d2a30;background:#ffffffc7;transform:translate(2px)}html[data-theme=light] .nav-item :is(small,em){color:#3f7f9b;background:#67bada21}html[data-theme=light] .theme-toggle:hover:not(:disabled){background:#fff;border-color:#2492a957}html[data-theme=light] .theme-toggle-icon{color:#17343d;background:linear-gradient(145deg,#76e2e857,#a8d3f270);box-shadow:0 6px 16px #2f8b9e1f}html[data-theme=light] .history-tabs{background:#e8edefbd;box-shadow:inset 0 1px 2px #2d41480f}html[data-theme=light] .history-tabs button{transition:color .18s,background-color .18s,box-shadow .18s,transform .18s}html[data-theme=light] .history-tabs button:hover:not(.active){color:#26353b;background:#ffffffa3}html[data-theme=light] .history-tabs button.active{color:#fff;background:linear-gradient(112deg,#11181c,#19333c 62%,#176a7d);transform:translateY(-1px);box-shadow:0 8px 22px #12313a33,inset 0 1px #ffffff29}html[data-theme=light] :is(.composer-card,.settings-boundary,.decompose-panel,.history-card,.output-panel){border-color:var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(108%);backdrop-filter:blur(20px)saturate(108%)}html[data-theme=light] .composer-card{color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(108%);backdrop-filter:blur(24px)saturate(108%);background:#fffffff0;border-color:#5b90a933;box-shadow:0 28px 68px #366f8924,inset 0 1px #fff}html[data-theme=light] .composer-card :is(.prompt-field,.category-field,.strength-field,.quality-field legend,.aspect-ratio-field legend,.generation-count-field legend,.box-picker-label){color:#58717e}html[data-theme=light] .composer-card :is(textarea,input:not([type=range]),.box-picker summary,.generation-select summary,.box-type-menu,.generation-option-menu){color:#203641;background:#f9fcfd;border-color:#54859d2e}html[data-theme=light] .composer-card :is(textarea,input)::placeholder{color:#91a5af}html[data-theme=light] .composer-card .compact-generation-bar{border-top-color:#54859d24}html[data-theme=light] .composer-card :is(.box-picker-current strong,.generation-select summary strong){color:#24404c}html[data-theme=light] .composer-card :is(.box-picker-current small,.box-option small){color:#8096a1}html[data-theme=light] .composer-card :is(.box-option,.generation-option-menu button){color:#536e7a}html[data-theme=light] .composer-card :is(.box-option strong,.generation-option-menu button strong){color:#213b47}html[data-theme=light] .composer-card :is(.box-picker-chevron,.generation-select-chevron){border-color:#6f929f}html[data-theme=light] .composer-card :is(.box-option.active,.generation-option-menu button.active){color:#123241;background:linear-gradient(115deg,#cceffd,#83d1eb)}html[data-theme=light] .composer-card :is(.quality-field>div,.aspect-ratio-field>div,.generation-count-field>div){background:#f5fafc;border-color:#54859d2e;box-shadow:inset 0 1px #fff}html[data-theme=light] .composer-card :is(.quality-field button,.aspect-ratio-field button,.generation-count-field button){color:#5b7581}html[data-theme=light] .composer-card :is(.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active){color:#123341;background:linear-gradient(120deg,#d4f3fd,#83d1eb);box-shadow:0 8px 22px #56b1d333,inset 0 1px #ffffff94}html[data-theme=light] .composer-card .strength-field input[type=range]{background:linear-gradient(90deg, #79d8ee 0%, #69aef0 var(--strength-progress), #e4eef2 var(--strength-progress), #e4eef2 100%)}html[data-theme=light] .composer-card .strength-field output{color:#287ea4;background:#eef9fd;border-color:#59aace3d}html[data-theme=light] .composer-card .button.primary{color:#fff;background:linear-gradient(115deg,#66cbe5,#55aee1 54%,#6f92e7);box-shadow:0 13px 30px #4896cd38,inset 0 1px #ffffff6b}html[data-theme=light] .composer-card .button.primary:hover:not(:disabled){box-shadow:0 17px 38px #469ed34d,0 0 0 1px #87d6ef47}html[data-theme=light] :is(.security-boundary,.provider-capability-note,.decomposition-plan-editor,.decompose-boundary,.decomposition-job-summary,.decompose-output-footer){border-color:var(--line);background:#f6f9fadb}html[data-theme=light] :is(.decomposition-history-media,.history-element-preview,.history-preview,.result-image-wrap,.source-preview,.asset-preview,.annotation-stage-shell){background:#f0f4f5}html[data-theme=light] :is(.quality-field>div,.aspect-ratio-field>div,.generation-count-field>div){border-color:var(--line);background:linear-gradient(145deg,#fffffffa,#f0f5f6f5);box-shadow:inset 0 1px #fff,0 7px 18px #25434c14}html[data-theme=light] :is(.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active){color:#fff;background:linear-gradient(115deg,#152227,#174a57 72%,#1c7b8f);box-shadow:0 7px 18px #14444f2e,inset 0 1px #ffffff24}html[data-theme=light] .button.primary{color:#fff;background:linear-gradient(112deg,#101619 0%,#17323a 52%,#17677a 100%) 0 0/180% 180%;transition:box-shadow .18s,transform .18s,filter .18s;animation:9s ease-in-out infinite alternate packora-accent-shift;box-shadow:0 13px 30px #0f303938,inset 0 1px #ffffff2e}html[data-theme=light] .button.primary:hover:not(:disabled){filter:brightness(1.06);border-color:#0000;transform:translateY(-2px);box-shadow:0 17px 38px #0e414d47,0 0 0 1px #50c5d82e}html[data-theme=light] :is(.button.secondary,.back-button){color:#263a42;background:#ffffffe0;border-color:#3a5c6729}html[data-theme=light] :is(input,textarea,select):focus-visible,html[data-theme=light] :is(.box-picker[open] summary,.generation-select[open] summary){border-color:#2b9eb594;box-shadow:0 0 0 3px #44b9cc1f,0 10px 24px #254c5514}html[data-theme=light] :is(.history-card,.decomposition-history-card,.provider-settings-card){transition:border-color .2s,box-shadow .2s,transform .2s}html[data-theme=light] :is(.history-card,.decomposition-history-card):hover{border-color:#3d9fb33d;transform:translateY(-2px);box-shadow:0 26px 66px #21475021,0 0 0 1px #55c5d80f}:root[data-theme=dark]{color:#f4f7fa;--ink:#f4f7fa;--muted:#9ba6b3;--line:#e0eff81f;--panel:#15181edb;--panel-strong:#1f2229f5;--blue:#62d9f4;--blue-deep:#78dff5;--violet:#7487ff;--green:#51d6a0;--shadow:0 24px 68px #0000006b;background:#090b0f}html[data-theme=dark] body{background:#090b0f}.app-frame[data-theme=dark]{isolation:isolate;background:#090b0f;position:relative}.app-frame[data-theme=dark]:before,.app-frame[data-theme=dark]:after{z-index:0;pointer-events:none;content:"";position:absolute;inset:46px 0 0}.app-frame[data-theme=dark]:before{opacity:.92;background:linear-gradient(116deg,#0000 0% 39%,#33e0f20a 45%,#36a7ff26 52%,#5469ff2e 57%,#30d1ee12 63%,#0000 70% 100%) 32%/165% 165%;animation:12s ease-in-out infinite alternate packora-dark-flow}.app-frame[data-theme=dark]:after{opacity:.42;background-image:linear-gradient(#74cceb09 1px,#0000 1px),linear-gradient(90deg,#74cceb09 1px,#0000 1px);background-position:50%;background-size:54px 54px;animation:18s linear infinite packora-grid-drift;-webkit-mask-image:linear-gradient(105deg,#0000 6%,#000000b8 52%,#0000 96%);mask-image:linear-gradient(105deg,#0000 6%,#000000b8 52%,#0000 96%)}.app-frame[data-theme=dark]>:is(.window-bar,.app-layout){z-index:1;position:relative}@keyframes packora-dark-flow{0%{opacity:.72;background-position:18% 46%}to{opacity:1;background-position:82% 54%}}@keyframes packora-grid-drift{0%{background-position:0 0}to{background-position:54px 27px}}html[data-theme=dark] :is(.window-bar,.sidebar){-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:#0e1015f0}html[data-theme=dark] :is(.history-tabs,.status-row,.theme-toggle,.button,.back-button,.window-cancel-button,.spark-symbol,.empty-page.compact,.model-role-card,.provider-settings-card,.decomposition-history-card,.history-element,.result-card,.decomposition-plan-row,.asset-card,.context-menu,.annotation-editor,.annotation-list-panel){color:var(--ink);background:var(--panel-strong);box-shadow:0 16px 42px #00000047}.packora-brand-logo{flex:none;line-height:0;display:block}.packora-brand-logo img{width:100%;height:auto;display:block}.packora-brand-logo.is-compact{border-radius:14px;width:43px;height:43px;overflow:hidden}.packora-brand-logo.is-compact img{width:150px;max-width:none;height:43px}.window-brand-logo{border-radius:7px;width:30px;height:30px;overflow:hidden}.window-brand-logo img{width:105px;max-width:none;height:30px}.sidebar-brand-logo{box-shadow:0 10px 28px #4987c938}.login-brand-logo{border-radius:14px;width:min(100%,300px);box-shadow:0 14px 34px #2f87b42e}.invite-brand-logo{border-radius:14px;width:min(100%,270px);box-shadow:0 14px 34px #2f87b424}html[data-theme=dark] .login-brand-logo,html[data-theme=dark] .invite-brand-logo{box-shadow:0 14px 34px #00000047}html[data-theme=dark] :is(input:not([type=range]),textarea,select,.box-picker summary,.generation-select summary,.history-search input,.box-type-menu,.generation-option-menu){border-color:var(--line);color:var(--ink);background-color:#181b21}html[data-theme=dark] :is(.box-picker summary,.generation-select summary){background:#181b21}html[data-theme=dark] .image-provider-tabs{background:#090c1180;border-color:#81a1b521}html[data-theme=dark] .image-provider-tabs button{color:#8fa6b5;background:#181c23;border-color:#94b1c41a;box-shadow:inset 0 1px #ffffff06}html[data-theme=dark] .image-provider-tabs button:hover:not(.active){color:#c4d9e5;background:#1d252e;border-color:#4cb1da47}html[data-theme=dark] .image-provider-tabs button.active{color:#fff;background:linear-gradient(125deg,#279fcf,#6377e8);border-color:#66d3f4ad;box-shadow:0 9px 22px #247cc44d,inset 0 1px #ffffff38}html[data-theme=dark] :is(input,textarea)::placeholder{color:#718895}html[data-theme=dark] :is(.page-heading h1,.history-card-body h2,.decomposition-history-title-row h2,.provider-card-heading h2,.model-role-card h2,.settings-boundary strong,.security-boundary strong,.box-option strong,.empty-canvas strong){color:var(--ink)}html[data-theme=dark] :is(.nav-item,.status-row,.theme-toggle,.prompt-field,.category-field,.strength-field,.model-role-card label,.quality-field legend,.aspect-ratio-field legend,.generation-count-field legend,.box-picker-label,.provider-fields label,.key-management label){color:#a8bdc9}html[data-theme=dark] .nav-item:hover{color:#effbff;background:#6f8b9f1f}html[data-theme=dark] .theme-toggle:hover:not(:disabled){background:#2a2e38f5;border-color:#5bd7f67a}html[data-theme=dark] .theme-toggle-icon{color:#f5fbff;background:linear-gradient(145deg,#39d3f052,#5b68e66b);box-shadow:0 5px 16px #2da6da2e}html[data-theme=dark] .theme-toggle i{background:#34566b;border-color:#78afcf6b}html[data-theme=dark] .theme-toggle[aria-pressed=true] i{background:linear-gradient(90deg,#43d2ef,#7180f4);box-shadow:0 0 16px #46c2ee42}html[data-theme=dark] .history-tabs button.active{color:#fff;background:linear-gradient(110deg,#239ec8,#526de1 72%,#6d76ed);box-shadow:0 8px 24px #3384da47,inset 0 1px #ffffff3d}html[data-theme=dark] :is(.decomposition-history-media,.history-element-preview,.history-preview,.result-image-wrap,.source-preview,.asset-preview,.annotation-stage-shell,.decomposition-lightbox-stage){background:#11141a}html[data-theme=dark] :is(.decomposition-history-source,.decomposition-history-thumb,.history-decomposition-item,.history-decomposition-item img,.source-preview-image,.asset-preview-button){border-color:var(--line);color:var(--ink);background:#20232a}html[data-theme=light] .asset-preview.real-asset-preview,html[data-theme=dark] .asset-preview.real-asset-preview,html[data-theme=light] .decomposition-lightbox-backdrop .decomposition-lightbox-stage,html[data-theme=dark] .decomposition-lightbox-backdrop .decomposition-lightbox-stage{background-color:#dfe6e8;background-image:linear-gradient(45deg,#ffffffe6 25%,#0000 25%),linear-gradient(-45deg,#ffffffe6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffffe6 75%),linear-gradient(-45deg,#0000 75%,#ffffffe6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}html[data-theme=dark] :is(.quality-field>div,.aspect-ratio-field>div,.generation-count-field>div){border-color:var(--line);background:linear-gradient(145deg,#2c2f38f5,#1a1d24f0);box-shadow:inset 0 1px #ffffff0f,0 7px 18px #00000029}html[data-theme=dark] :is(.quality-field button,.aspect-ratio-field button,.generation-count-field button){color:#bdd1dc}html[data-theme=dark] :is(.quality-field button:hover,.aspect-ratio-field button:hover,.generation-count-field button:hover,.box-option:hover,.box-option:focus-visible,.context-menu button:hover){background-color:#5c8ba633}html[data-theme=dark] :is(.composer-card,.settings-boundary,.decompose-panel,.history-card,.output-panel){border-color:var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%)}html[data-theme=dark] :is(.security-boundary,.provider-capability-note,.decomposition-plan-editor,.decompose-boundary,.decomposition-job-summary,.decompose-output-footer){border-color:var(--line);background:#1b1f24e0}html[data-theme=dark] :is(.annotation-editor-toolbar,.annotation-editor-footer,.decomposition-plan-list,.asset-card-body){border-color:var(--line);background:#181b21}html[data-theme=dark] :is(.memory-badge,.safe-storage-badge,.key-state.configured){color:#8ddab5;background:#275b446b;border-color:#4eb5874d}html[data-theme=dark] :is(.locked-badge,.key-state){color:#d8bf83;background:#694e1c66}html[data-theme=dark] .history-card-actions .danger-button{color:#efadb5;background:#642d365c;border-color:#d2707c61}html[data-theme=dark] .strength-field input[type=range]{background:linear-gradient(90deg, #52d9ef 0%, #6685f4 var(--strength-progress), #30343c var(--strength-progress), #30343c 100%)}html[data-theme=dark] .strength-field output{color:#92d8f5;background:#232832;border-color:#69bbe052;box-shadow:inset 0 1px #ffffff0d}html[data-theme=dark] .decompose-upload{color:#a2bac8;background:#181c22;border-color:#66b5e161}html[data-theme=dark] :is(.decompose-upload>span,.decompose-upload small){border-color:var(--line);color:#c9dce6;background:#262a32;box-shadow:0 10px 30px #0003}html[data-theme=dark] .button.primary{color:#061116;background:linear-gradient(112deg,#7af1f8 0%,#50b6f4 48%,#7280f4 100%) 0 0/180% 180%;animation:8s ease-in-out infinite alternate packora-accent-shift;box-shadow:0 14px 34px #34a4e142,inset 0 1px #ffffff8a}html[data-theme=dark] .button.primary:hover:not(:disabled){border-color:#0000;box-shadow:0 17px 42px #37b2e85c,0 0 0 1px #86e6ff38}.login-page{color:#17333a;background-color:#f3f8f8;background-image:linear-gradient(#17808b0f 1px,#0000 1px),linear-gradient(90deg,#17808b0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;width:100%;min-height:100%;padding:32px;display:grid;position:relative;overflow:auto}.login-page:before{pointer-events:none;content:"";background:linear-gradient(135deg,#ffffffeb,#0000 52%);position:fixed;inset:0}.login-panel{z-index:1;background:#fffffff5;border:1px solid #345f6629;border-radius:8px;width:min(100%,430px);padding:34px;position:relative;box-shadow:0 26px 70px #1d4a5224}.login-brand{border-bottom:1px solid #345f661f;align-items:center;gap:11px;padding-bottom:24px;display:flex}.login-mark{color:#fff;background:#16808b;border-radius:7px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:16px}.login-brand small{color:#71868b;margin-top:3px;font-size:11px}.login-heading{margin:30px 0 24px}.login-kicker{color:#0d6570;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.login-heading h1{margin:12px 0 7px;font-size:28px;line-height:1.2}.login-heading p{color:#71868b;margin:0;font-size:13px}.login-methods{background:#f3f8f8;border:1px solid #345f6624;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:20px;padding:4px;display:grid}.login-methods button{color:#71868b;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:12px;font-weight:700;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.login-methods button:hover{color:#0d6570}.login-methods button.active{color:#0d6570;background:#fff;box-shadow:0 3px 12px #1d4a521a}.wechat-login-panel{gap:14px;display:grid}.wechat-qr-shell{background:#f6fbfb;border:1px solid #345f6624;border-radius:8px;place-items:center;width:100%;min-height:400px;display:grid;overflow:hidden}.wechat-qr-shell iframe{background:#fff;border:0;width:100%;min-height:400px;display:block}.wechat-qr-placeholder{color:#71868b;text-align:center;place-items:center;gap:10px;max-width:280px;padding:28px 22px;display:grid}.wechat-qr-placeholder svg{color:#16808b}.wechat-qr-placeholder strong{color:#17333a;font-size:14px}.wechat-qr-placeholder span{font-size:12px;line-height:1.65}.wechat-local-qr{text-align:center;place-items:center;gap:8px;width:100%;padding:24px 18px;display:grid}.wechat-local-qr img{aspect-ratio:1;background:#fff;border:10px solid #fff;border-radius:6px;width:min(100%,280px)}.wechat-local-qr strong{color:#17333a;font-size:15px}.wechat-local-qr span{color:#71868b;max-width:280px;font-size:11px;line-height:1.6}.wechat-login-status{color:#71868b;justify-content:space-between;align-items:center;gap:10px;min-height:34px;font-size:11px;display:flex}.wechat-login-status button{color:#4d6a70;cursor:pointer;background:#f5f9f9;border:1px solid #345f6629;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.wechat-login-status button:hover:not(:disabled){color:#0d6570;background:#edf8f8;border-color:#16808b57}.login-form{gap:16px;display:grid}.login-form label{color:#405b61;gap:7px;font-size:12px;font-weight:700;display:grid}.login-form input{color:#17333a;background:#f9fbfb;border:1px solid #345f6633;border-radius:7px;width:100%;min-height:44px;padding:0 12px}.login-form input:focus-visible{border-color:#16808b;outline:3px solid #16808b24}.login-error,.admin-error{color:#9a3541;background:#b6495514;border:1px solid #b649553d;border-radius:7px;margin:0;padding:10px 12px;font-size:12px}.login-submit{color:#fff;cursor:pointer;background:#0d6570;border:1px solid #0d6570;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;transition:background-color .16s,transform .16s,box-shadow .16s;display:flex}.login-submit:hover:not(:disabled){background:#084f57;transform:translateY(-1px);box-shadow:0 10px 24px #0d657038}.invite-access-page{color:#17333a;background:#eaf2f2;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.invite-access-backdrop{color:#17333a;opacity:.16;filter:blur(1px);pointer-events:none;align-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.invite-access-backdrop strong{font-size:36px}.invite-access-backdrop small{color:#4d6a70;font-size:13px}.invite-access-dialog{z-index:1;background:#fff;border:1px solid #345f662e;border-radius:8px;width:min(100%,440px);padding:30px;position:relative;box-shadow:0 26px 70px #1d4a522e}.invite-access-icon{color:#0d6570;background:#e4f3f2;border-radius:7px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.invite-access-kicker{color:#16808b;font-size:11px;font-weight:800}.invite-access-dialog h1{margin:9px 0 8px;font-size:25px;line-height:1.25}.invite-access-dialog>p{color:#60777c;margin:0;font-size:13px;line-height:1.7}.invite-access-form{gap:12px;margin-top:24px;display:grid}.invite-access-form>label{color:#405b61;font-size:12px;font-weight:800}.invite-access-input-shell{color:#60777c;background:#f8fbfb;border:1px solid #345f6638;border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:grid}.invite-access-input-shell:focus-within{border-color:#16808b;outline:3px solid #16808b24}.invite-access-input-shell input{color:#17333a;letter-spacing:0;text-transform:uppercase;background:0 0;border:0;outline:0;min-width:0;height:44px;padding:0;font-size:14px;font-weight:750}.invite-access-logout{color:#60777c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.invite-access-logout:hover:not(:disabled){color:#0d6570}.invite-access-logout:disabled{cursor:wait;opacity:.62}.demo-account-panel{border-top:1px solid #345f661f;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;margin-top:22px;padding-top:22px;display:grid}.demo-account-panel>div,.demo-account-panel button{align-items:center;gap:5px;display:flex}.demo-account-panel>div{color:#71868b;font-size:11px}.demo-account-panel button{color:#365258;cursor:pointer;background:#f5f9f9;border:1px solid #345f6629;border-radius:6px;min-height:31px;padding:0 9px;font-size:11px}.demo-account-panel button:hover{color:#0d6570;background:#edf8f8;border-color:#16808b57}.session-loader{z-index:1;color:#fff;background:#16808b;border:1px solid #16808b33;border-radius:8px;place-items:center;width:48px;height:48px;font-weight:900;animation:1.2s ease-in-out infinite alternate session-pulse;display:grid;position:relative;box-shadow:0 18px 42px #16808b33}@keyframes session-pulse{to{transform:translateY(-4px);box-shadow:0 24px 52px #16808b4d}}.sidebar-account{border-top:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) 30px 30px;align-items:center;gap:8px;margin-top:10px;padding:11px 9px;display:grid}.account-avatar{width:32px;height:32px;color:var(--blue-deep);background:#16808b1f;border-radius:7px;place-items:center;display:grid}.account-copy{min-width:0}.account-copy strong,.account-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-copy strong{font-size:11px}.account-copy small{color:var(--muted);margin-top:3px;font-size:9px}.account-settings,.account-logout{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:grid}.account-settings:hover{border-color:var(--line);color:var(--blue-deep);background:#2e7fbd14}.account-logout:hover{border-color:var(--line);color:#b64957;background:#b6495514}.admin-shell{width:min(100%,1420px);min-height:100%;margin:0 auto;padding:38px clamp(26px,4.2vw,68px) 56px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.admin-heading h1{margin:0 0 8px;font-size:28px}.admin-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.admin-heading>span{color:var(--green);background:#278b6714;border:1px solid #278b6738;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.admin-tabs{border-bottom:1px solid var(--line);gap:4px;width:100%;margin-bottom:24px;padding-bottom:12px;display:flex}.admin-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:0 12px;display:flex}.admin-tabs button:hover{color:var(--ink);background:#16808b0f}.admin-tabs button.active{color:#fff;background:#0d6570}.admin-content{gap:20px;display:grid}.admin-pricing-page{gap:20px;min-width:0;display:grid}.admin-pricing-heading,.admin-pricing-panel-heading{justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.admin-pricing-heading>div{align-items:center;gap:12px;min-width:0;display:flex}.admin-pricing-heading>div>span{color:#0d6570;background:#0d657014;border:1px solid #0d65702e;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.admin-pricing-heading strong{font-size:18px}.admin-pricing-heading p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.admin-pricing-heading>button,.admin-pricing-panel-heading>button{color:#0d6570;cursor:pointer;background:#0d65700f;border:1px solid #0d657047;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:800;display:inline-flex}.admin-pricing-heading>button{width:38px;padding:0}.admin-pricing-panel-heading>button{color:#fff;background:#0d6570}.admin-pricing-heading>button:disabled,.admin-pricing-panel-heading>button:disabled{opacity:.48;cursor:default}.admin-pricing-notice{color:#277a5e;background:#278b6714;border:1px solid #278b6738;border-radius:7px;margin:0;padding:10px 12px;font-size:11px}.admin-pricing-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;min-width:0;padding:20px;display:grid}.admin-pricing-panel-heading>div{gap:4px;min-width:0;display:grid}.admin-pricing-panel-heading strong{font-size:14px}.admin-pricing-panel-heading small{color:var(--muted);font-size:10px;line-height:1.6}.admin-price-groups{border-top:1px solid var(--line);min-width:0;display:grid}.admin-price-group{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);gap:22px;min-width:0;padding:18px 0;display:grid}.admin-price-group:last-child{border-bottom:0;padding-bottom:0}.admin-price-group>header{grid-template-columns:34px minmax(0,1fr);align-content:start;gap:10px;min-width:0;display:grid}.admin-price-group>header>span{color:#0d6570;background:#0d657014;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.admin-price-group>header div{gap:4px;min-width:0;display:grid}.admin-price-group>header strong{font-size:12px}.admin-price-group>header small{color:var(--muted);font-size:9px;line-height:1.6}.admin-price-list{min-width:0;display:grid}.admin-price-row{border-bottom:1px solid #78929a24;grid-template-columns:minmax(0,1fr) minmax(330px,420px);align-items:center;gap:18px;min-width:0;padding:10px 0;display:grid}.admin-price-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.admin-price-tier{gap:5px;min-width:0;display:grid}.admin-price-tier>span{color:var(--muted);font-size:9px;font-weight:800}.admin-price-tier input{border:1px solid var(--line);width:100%;min-width:0;height:38px;color:var(--ink);background:var(--soft-panel);font:inherit;border-radius:7px;outline:0;padding:0 10px;font-weight:800}.admin-price-tier:focus-within input{border-color:#0d65708f;box-shadow:0 0 0 3px #0d657014}.admin-price-tier small{color:var(--muted);white-space:nowrap;font-size:8px}.admin-price-row:first-child{padding-top:0}.admin-price-row:last-child{border-bottom:0;padding-bottom:0}.admin-price-model{gap:4px;min-width:0;display:grid}.admin-price-model>span{align-items:center;gap:8px;min-width:0;display:flex}.admin-price-model strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-price-model em{color:#16805c;background:#278b671a;border-radius:4px;flex:none;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.admin-price-model small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-price-input,.admin-setting-input{border:1px solid var(--line);background:var(--soft-panel);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid;overflow:hidden}.admin-price-input input,.admin-setting-input input{width:100%;min-width:0;height:40px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 11px;font-weight:800}.admin-price-input:focus-within,.admin-setting-input:focus-within{border-color:#0d65708f;box-shadow:0 0 0 3px #0d657014}.admin-price-input>span,.admin-setting-input>span{color:var(--muted);white-space:nowrap;padding:0 10px;font-size:9px}.admin-package-settings{grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:start;gap:14px;min-width:0;display:grid}.admin-package-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;min-width:0;display:grid}.admin-setting-field{background:var(--soft-panel);border:1px solid #78929a2e;border-radius:8px;gap:6px;min-width:0;padding:14px;display:grid}.admin-setting-field>span:first-child{font-size:11px;font-weight:800}.admin-setting-field>small{min-height:30px;color:var(--muted);font-size:9px;line-height:1.55}.admin-setting-field .admin-setting-input{background:var(--panel);margin-top:2px}.admin-package-values{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.admin-package-values>label{min-width:0;color:var(--muted);gap:5px;font-size:9px;display:grid}.admin-package-field>small{min-height:0}.admin-redemption-panel{gap:18px}.admin-redemption-create{grid-template-columns:minmax(220px,320px) auto;align-items:end;gap:12px;display:grid}.admin-redemption-create-button{color:#fff;cursor:pointer;min-height:40px;font:inherit;background:linear-gradient(112deg,#2f8db5,#6575db);border:0;border-radius:7px;padding:0 16px;font-weight:700}.admin-redemption-create-button:disabled{opacity:.5;cursor:default}.admin-redemption-list{gap:8px;display:grid}.admin-redemption-list article{border-bottom:1px solid var(--line,#edf2f2);color:var(--muted,#71868b);grid-template-columns:minmax(130px,1.2fr) 110px 120px 70px minmax(150px,1fr) auto;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:grid}.admin-redemption-list code{color:var(--ink,#17333a);letter-spacing:.08em;font-weight:800}.admin-redemption-list small{color:var(--muted,#71868b)}.admin-redemption-actions{justify-content:flex-end;gap:6px;display:inline-flex}.admin-redemption-actions button{border:1px solid var(--line,#dce7e7);min-height:30px;color:var(--ink,#17333a);background:var(--panel,#fff);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.admin-redemption-actions button:disabled{opacity:.5;cursor:default}@media (width<=720px){.credits-redemption-form{grid-template-columns:1fr}.credits-redemption-form .button{width:100%}.admin-redemption-create{grid-template-columns:1fr}.admin-redemption-create-button{width:100%}.admin-redemption-list article{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.admin-redemption-list article>:nth-child(2),.admin-redemption-list article>:nth-child(3),.admin-redemption-list article>:nth-child(4),.admin-redemption-list article>:nth-child(5){grid-column:1}.admin-redemption-actions{flex-direction:column;grid-area:1/2/span 5}}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-metrics article{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-width:0;padding:18px}.admin-metrics article>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.admin-metrics strong{margin:16px 0 4px;font-size:22px;display:block}.admin-metrics small{color:var(--muted);font-size:10px}.admin-info-table{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;display:grid;overflow:hidden}.admin-info-table>div{border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:18px;min-width:0;padding:13px 16px;font-size:12px;display:grid}.admin-info-table>div:last-child{border-bottom:0}.admin-info-table span{color:var(--muted)}.admin-info-table strong{overflow-wrap:anywhere;min-width:0}.admin-user-list{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;display:grid;overflow:hidden}.admin-user-list article{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(170px,.8fr) minmax(0,1.8fr) auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.admin-user-list article:last-child{border-bottom:0}.admin-empty-state{color:var(--muted);text-align:center;margin:0;padding:22px 16px;font-size:12px}.admin-user-avatar{color:#fff;background:#16808b;border-radius:7px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.admin-user-list strong,.admin-user-list small{display:block}.admin-user-list strong{font-size:12px}.admin-user-list small{color:var(--muted);margin-top:4px;font-size:10px}.admin-user-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;min-width:0;margin:0;display:grid}.admin-user-meta div{min-width:0}.admin-user-meta dt{color:var(--muted);font-size:10px}.admin-user-meta dd{overflow-wrap:anywhere;color:var(--ink);margin:4px 0 0;font-size:11px}.admin-user-list em{color:var(--muted);background:#647b821a;border-radius:6px;padding:5px 8px;font-size:10px;font-style:normal}.admin-user-list em.admin{color:var(--green);background:#278b671a}.admin-user-list em.blocked{color:#b64957;background:#b649551a}.admin-user-open{border:1px solid var(--line);color:#0d6570;cursor:pointer;background:0 0;border-radius:6px;min-height:32px;padding:0 11px;font-size:10px;font-weight:800}.admin-user-open:hover:not(:disabled){background:#0d657014}.admin-user-open:disabled{opacity:.5;cursor:default}.admin-user-detail{gap:18px;display:grid}.admin-user-detail-heading{grid-template-columns:34px 38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.admin-user-detail-heading>button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid}.admin-user-detail-heading strong,.admin-user-detail-heading small{display:block}.admin-user-detail-heading strong{font-size:14px}.admin-user-detail-heading small{color:var(--muted);margin-top:3px;font-size:10px}.admin-user-detail-heading em{color:var(--muted);background:#647b821a;border-radius:6px;padding:5px 8px;font-size:10px;font-style:normal}.admin-user-detail-heading em.admin{color:var(--green);background:#278b671a}.admin-user-detail-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.admin-user-detail-actions button,.admin-history-status button{border:1px solid var(--line);min-height:30px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.admin-user-detail-actions button:disabled{opacity:.5;cursor:default}.admin-user-detail-actions button.block{color:#b64957;border-color:#b6495547}.admin-user-detail-actions button.unblock{color:var(--green);border-color:#278b6747}.admin-user-detail-actions button.delete{color:#b64957;background:#b649550f;border-color:#b6495547}.admin-user-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-user-summary article{border:1px solid var(--line);background:var(--panel-strong);border-radius:7px;padding:14px 16px}.admin-user-summary span{color:var(--muted);font-size:10px;display:block}.admin-user-summary strong{margin-top:9px;font-size:20px;display:block}.admin-usage-section,.admin-user-history{gap:10px;display:grid}.admin-usage-section>header div,.admin-user-history>header div{gap:3px;display:grid}.admin-usage-section>header strong,.admin-user-history>header strong{font-size:13px}.admin-usage-section>header small,.admin-user-history>header small{color:var(--muted);font-size:10px}.admin-usage-table,.admin-user-history>div{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;overflow:hidden}.admin-usage-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 80px 90px;align-items:center;gap:12px;padding:12px 14px;font-size:11px;display:grid}.admin-usage-row:last-child{border-bottom:0}.admin-usage-row.heading{color:var(--muted);background:#647b820d;font-size:10px}.admin-usage-row strong{overflow-wrap:anywhere;min-width:0}.admin-user-history article{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.admin-user-history article:last-child{border-bottom:0}.admin-history-thumbnails{grid-template-columns:repeat(4,40px);gap:4px;display:grid}.admin-history-thumbnails img,.admin-history-thumbnails>span{object-fit:cover;background:#647b821a;border-radius:4px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.admin-history-copy{gap:4px;min-width:0;display:grid}.admin-history-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-history-copy small,.admin-history-copy span{color:var(--muted);font-size:10px}.admin-history-status{justify-items:end;gap:5px;display:grid}.admin-history-status strong{font-size:12px}.admin-history-status span{color:var(--muted);font-size:9px}.admin-history-status span.succeeded{color:var(--green)}.admin-history-status span.failed{color:#b64957}.admin-history-status button{color:#0d6570;background:#0d65700f;min-height:28px}.admin-footnote{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.admin-shell>.models-view{width:100%;min-height:0;padding:0}.admin-image-detail-backdrop{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f11b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-image-detail{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1100px,100%);max-height:calc(100vh - 40px);display:grid;overflow:hidden;box-shadow:0 26px 70px #00000057}.admin-image-detail>header,.admin-image-detail>footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-image-detail>header{border-bottom:1px solid var(--line)}.admin-image-detail>footer{border-top:1px solid var(--line);justify-content:flex-end}.admin-image-detail header strong,.admin-image-detail header small{display:block}.admin-image-detail header strong{font-size:13px}.admin-image-detail header small{color:var(--muted);margin-top:3px;font-size:10px}.admin-image-detail button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.admin-image-detail header button{width:34px;padding:0}.admin-image-detail footer button:last-child{color:#fff;background:#0d6570;border-color:#0d6570}.admin-image-detail button:disabled{opacity:.5;cursor:default}.admin-image-detail-stage{background:#647b8212;place-items:center;min-height:320px;padding:18px 58px;display:grid;position:relative;overflow:auto}.admin-image-detail-stage img{object-fit:contain;max-width:100%;max-height:calc(100vh - 190px);display:block}.admin-image-detail-stage>button{background:var(--panel-strong);width:36px;height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.admin-image-detail-stage>button.previous{left:12px}.admin-image-detail-stage>button.next{right:12px}.generation-completion-toast{z-index:120;min-width:min(340px,100vw - 32px);color:var(--ink);background:var(--panel-strong);border:1px solid #23968757;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto 28px;align-items:center;gap:11px;padding:13px 12px 13px 14px;animation:.24s ease-out both generation-completion-toast-in;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 44px #17545d33}.generation-completion-icon{color:#fff;background:#16808b;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.generation-completion-toast strong,.generation-completion-toast p{margin:0;display:block}.generation-completion-toast strong{font-size:12px}.generation-completion-toast p{color:var(--muted);margin-top:4px;font-size:10px}.generation-completion-toast>button:not(.generation-completion-view){width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.generation-completion-toast>button:not(.generation-completion-view):hover{color:var(--ink);background:#647b821a}.generation-completion-toast>.generation-completion-view{color:#0d6570;cursor:pointer;background:#0d657012;border:1px solid #0d657047;border-radius:6px;min-height:30px;padding:0 10px;font-size:10px;font-weight:800}@keyframes generation-completion-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .login-page{color:#eef7f6;background-color:#0b1113;background-image:linear-gradient(#70d8cf0b 1px,#0000 1px),linear-gradient(90deg,#70d8cf0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}html[data-theme=dark] .invite-access-backdrop{color:#eef7f6}html[data-theme=dark] .invite-access-backdrop small{color:#9eb2b0}html[data-theme=dark] .invite-access-dialog{background:#12191b;border-color:#c4e2df24;box-shadow:0 30px 80px #00000075}html[data-theme=dark] .invite-access-icon{color:#70d8cf;background:#1c3435}html[data-theme=dark] .invite-access-kicker{color:#70d8cf}html[data-theme=dark] .invite-access-dialog>p,html[data-theme=dark] .invite-access-logout{color:#9eb2b0}html[data-theme=dark] .invite-access-form>label{color:#c7d8d6}html[data-theme=dark] .invite-access-input-shell{color:#9eb2b0;background:#151e20;border-color:#c4e2df29}html[data-theme=dark] .invite-access-input-shell input{color:#eef7f6}html[data-theme=dark] .invite-access-logout:hover:not(:disabled){color:#70d8cf}html[data-theme=dark] .login-page:before{background:linear-gradient(135deg,#10181ae6,#0000 56%)}html[data-theme=dark] .login-panel{background:#12191bf7;border-color:#c4e2df24;box-shadow:0 30px 80px #00000075}html[data-theme=dark] :is(.login-brand,.demo-account-panel){border-color:#c4e2df1f}html[data-theme=dark] :is(.login-brand small,.login-heading p,.demo-account-panel>div){color:#9eb2b0}html[data-theme=dark] .login-kicker{color:#70d8cf}html[data-theme=dark] .login-form label{color:#c7d8d6}html[data-theme=dark] .login-form input{color:#eef7f6;background:#151e20;border-color:#c4e2df29}html[data-theme=dark] .login-methods{background:#10191b;border-color:#c4e2df24}html[data-theme=dark] .login-methods button{color:#9eb2b0}html[data-theme=dark] .login-methods button:hover{color:#70d8cf}html[data-theme=dark] .login-methods button.active{color:#082f31;box-shadow:none;background:#70d8cf}html[data-theme=dark] .wechat-qr-shell{background:#10191b;border-color:#c4e2df24}html[data-theme=dark] .wechat-qr-placeholder{color:#9eb2b0}html[data-theme=dark] .wechat-qr-placeholder svg{color:#70d8cf}html[data-theme=dark] .wechat-qr-placeholder strong,html[data-theme=dark] .wechat-local-qr strong{color:#eef7f6}html[data-theme=dark] .wechat-local-qr span,html[data-theme=dark] .wechat-login-status{color:#9eb2b0}html[data-theme=dark] .wechat-login-status button{color:#c8d8d6;background:#182124;border-color:#c4e2df24}html[data-theme=dark] .wechat-login-status button:hover:not(:disabled){color:#70d8cf;background:#202d2f}html[data-theme=dark] .demo-account-panel button{color:#c8d8d6;background:#182124;border-color:#c4e2df24}html[data-theme=dark] .demo-account-panel button:hover{color:#70d8cf;background:#202d2f}html[data-theme=dark] .admin-tabs button.active{color:#082f31;background:#70d8cf}@media (width<=980px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-price-group{grid-template-columns:1fr;gap:14px}.admin-package-settings{grid-template-columns:1fr}.admin-user-list article{grid-template-columns:38px minmax(0,1fr) auto}.admin-user-meta{grid-column:2/-1}}@media (width<=620px){.login-page{padding:16px}.login-panel{padding:24px}.invite-access-page{padding:16px}.invite-access-dialog{padding:24px}.demo-account-panel{grid-template-columns:1fr 1fr}.demo-account-panel>div{grid-column:1/-1}.admin-heading{flex-direction:column}.admin-tabs{overflow-x:auto}.admin-tabs button{flex:none}.admin-metrics{grid-template-columns:1fr}.admin-pricing-heading,.admin-pricing-panel-heading{flex-direction:column;align-items:flex-start}.admin-pricing-panel-heading>button{width:100%}.admin-price-row{grid-template-columns:1fr;gap:8px}.admin-price-inputs,.admin-package-grid{grid-template-columns:1fr}.admin-info-table>div{grid-template-columns:1fr;gap:4px}.admin-user-list article{grid-template-columns:38px minmax(0,1fr) auto;align-items:start}.admin-user-meta{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px}.app-frame[data-environment=web] .app-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app-frame[data-environment=web] .sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid;overflow-x:auto}.app-frame[data-environment=web] .brand{margin:0;padding:0}.app-frame[data-environment=web] .brand-mark{border-radius:7px;width:34px;height:34px;font-size:14px}.app-frame[data-environment=web] .brand>div,.app-frame[data-environment=web] :is(.sidebar-theme-control,.sidebar-status,.sidebar-account){display:none}.app-frame[data-environment=web] .sidebar nav{gap:4px;width:max-content;display:flex}.app-frame[data-environment=web] .nav-item{white-space:nowrap;border-radius:7px;grid-template-columns:20px auto;gap:6px;width:auto;min-height:36px;padding:7px 9px}.app-frame[data-environment=web] .nav-item small,.app-frame[data-environment=web] .nav-item em{display:none}.app-frame[data-environment=web] .admin-shell{padding:24px 16px 40px}}@media (prefers-reduced-motion:reduce){.session-loader{animation:none}}.email-auth-modes{background:#edf4f4d1;border:1px solid #345f6624;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.email-auth-modes button{color:#71868b;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:11px;font-weight:800;display:inline-flex}.email-auth-modes button.active{color:#0d6570;background:#fff;box-shadow:0 2px 9px #1d4a521a}.account-settings-backdrop,.web-model-editor-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e222b61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-settings-dialog,.web-model-editor{border:1px solid var(--line);width:min(100%,460px);max-height:calc(100vh - 40px);color:var(--ink);background:var(--panel-strong);border-radius:8px;overflow:auto;box-shadow:0 26px 80px #17374f3d}.account-settings-dialog{padding:20px}.account-settings-dialog>header,.web-model-editor>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.account-settings-dialog>header>div{align-items:center;gap:10px;display:flex}.account-settings-dialog>header span{width:34px;height:34px;color:var(--blue-deep);background:#2e7fbd1a;border-radius:7px;place-items:center;display:grid}.account-settings-dialog header strong,.account-settings-dialog header small{display:block}.account-settings-dialog header strong{font-size:15px}.account-settings-dialog header small{color:var(--muted);margin-top:3px;font-size:10px}.account-settings-dialog header button,.web-model-editor header button,.web-model-heading>button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid}.account-settings-dialog>label{color:var(--muted);gap:7px;margin-top:18px;font-size:11px;font-weight:800;display:grid}.account-settings-dialog input,.web-model-editor input,.web-model-editor select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#ffffffb8;border-radius:6px;padding:0 11px}.account-settings-dialog>p{color:var(--muted);margin:9px 0 0;font-size:10px}.account-settings-dialog .account-settings-error{color:#b64957;font-size:11px}.account-settings-dialog>footer,.web-model-editor>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:18px;display:flex}.account-settings-dialog footer button,.web-model-editor footer button,.web-model-section-actions>button,.web-model-row-actions button{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:#ffffffa3;border-radius:6px;padding:0 12px;font-size:11px;font-weight:800}.account-settings-dialog footer button:last-child,.web-model-editor-actions button:last-child,.web-model-section-actions>button{color:#fff;background:#0d6570;border-color:#0d6570}.web-model-admin{gap:22px;display:grid}.web-model-heading,.web-model-section>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.web-model-heading strong{font-size:18px}.web-model-heading p,.web-model-section-title p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.web-model-error{color:#a53c48;background:#b6495514;border:1px solid #b649553d;border-radius:7px;margin:0;padding:10px 12px;font-size:11px}.web-model-section{border-top:1px solid var(--line);gap:13px;padding:18px 0 0;display:grid}.web-model-section-title{align-items:flex-start;gap:10px;min-width:0;display:flex}.web-model-section-title>span{color:#0d6570;background:#16808b1a;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:grid}.web-model-section-title strong{font-size:14px}.web-model-section-actions{flex:none;align-items:center;gap:10px;display:flex}.web-model-section-actions>button{align-items:center;gap:6px;display:inline-flex}.web-model-failover{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.web-model-failover input,.web-model-enabled input{accent-color:#0d6570;width:15px;height:15px}.web-model-list{border:1px solid var(--line);background:#ffffff6b;border-radius:8px;overflow:hidden}.web-model-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(220px,1fr) minmax(135px,auto) auto;align-items:center;gap:12px;min-height:78px;padding:12px 14px;display:grid}.web-model-row:last-child{border-bottom:0}.web-model-row.active{background:#16808b12}.web-model-order{width:26px;height:26px;color:var(--muted);background:#647b8214;border-radius:6px;place-items:center;font-size:10px;font-weight:800;display:grid}.web-model-copy{min-width:0}.web-model-copy>div{align-items:center;gap:8px;min-width:0;display:flex}.web-model-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.web-model-copy em{color:#16805c;background:#278b671a;border-radius:5px;flex:none;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800;display:inline-flex}.web-model-copy p{margin:5px 0 3px;font-size:11px;font-weight:700}.web-model-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.web-model-status{justify-items:start;gap:6px;min-width:135px;display:grid}.web-model-status span{align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.web-model-status span.configured{color:#16805c}.web-model-status span.missing{color:#b64957}.web-model-status small{color:var(--muted);font-size:9px}.web-model-connection-result.success{color:#16805c}.web-model-connection-result.error{color:#b64957}.web-model-connection-result.testing{color:#536b72}.web-model-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.web-model-order-actions{align-items:center;gap:3px;padding-right:2px;display:flex}.web-model-order-actions button{min-height:32px}.web-model-row-actions .web-model-test-button,.web-model-editor-test{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.web-model-row-actions button[aria-label]{place-items:center;width:32px;padding:0;display:grid}.web-model-row-actions button:disabled{opacity:.42;cursor:default}.web-model-row-actions .web-model-test-button{color:#0d6570;background:#0d65700f;border-color:#0d65704d}.web-model-row-actions .web-model-test-button:hover:not(:disabled),.web-model-editor-test:hover:not(:disabled){background:#0d65701c;border-color:#0d65708a}.spin{animation:.8s linear infinite web-model-spin}@keyframes web-model-spin{to{transform:rotate(360deg)}}.web-model-editor{width:min(100%,680px);padding:20px}.web-model-editor header strong,.web-model-editor header small{display:block}.web-model-editor header strong{font-size:16px}.web-model-editor header small{color:var(--muted);margin-top:4px;font-size:10px}.web-model-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px;display:grid}.web-model-editor-fields label{color:var(--muted);align-content:start;gap:7px;font-size:10px;font-weight:800;display:grid}.web-model-editor-fields label.wide{grid-column:1/-1}.web-model-editor-fields .web-model-enabled{align-items:center;display:flex}.web-model-editor-prices{color:var(--muted);grid-column:1/-1;gap:7px;font-size:10px;font-weight:800;display:grid}.web-model-editor-prices>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.web-model-editor-prices label small{color:var(--muted);font-size:8px;font-weight:500}.web-model-editor>footer{justify-content:space-between;align-items:center}.web-model-editor-test-area,.web-model-editor-actions{align-items:center;gap:8px;display:flex}.web-model-editor-test-area{min-width:0}.web-model-editor-test-area small{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:10px;overflow:hidden}.web-model-editor-test{color:#0d6570;background:#0d65700f;border-color:#0d65704d;flex:none;min-height:34px}html[data-theme=dark] .email-auth-modes,html[data-theme=dark] .web-model-list{background:#171e21b8}html[data-theme=dark] .email-auth-modes button.active,html[data-theme=dark] :is(.account-settings-dialog,.web-model-editor){background:#182124}html[data-theme=dark] :is(.account-settings-dialog input,.web-model-editor input,.web-model-editor select){color:#e9f5f3;background:#11191b}html[data-theme=dark] .web-model-row.active{background:#70d8cf14}html[data-theme=dark] :is(.web-model-row-actions .web-model-test-button,.web-model-editor-test){color:#8fe1db;background:#70d8cf14;border-color:#70d8cf4d}@media (width<=900px){.web-model-row{grid-template-columns:28px minmax(0,1fr) auto}.web-model-status{grid-column:2}.web-model-row-actions{grid-area:1/3/span 2}}@media (width<=620px){.web-model-section>header{flex-direction:column}.web-model-section-actions{justify-content:space-between;width:100%}.web-model-row{grid-template-columns:26px minmax(0,1fr)}.web-model-status{grid-column:2}.web-model-row-actions{grid-area:auto/1/auto/-1;justify-content:flex-end}.web-model-editor-fields{grid-template-columns:1fr}.web-model-editor-fields label.wide,.web-model-editor-prices{grid-column:auto}.web-model-editor-prices>div{grid-template-columns:1fr}.web-model-editor>footer{flex-direction:column;align-items:stretch}.web-model-editor-test-area{justify-content:space-between}.web-model-editor-actions{justify-content:flex-end}}html[data-theme=dark] :is(.button.secondary,.back-button){color:#eef7fb;background:#2a2d35e6;border-color:#dff1f929}html[data-theme=dark] :is(.button.ghost,.window-reset-button){color:#aab4bf;background:0 0}html[data-theme=dark] :is(.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active){color:#fff;background:linear-gradient(120deg,#37acd5,#5f76e8);box-shadow:0 8px 20px #347ed54d,inset 0 1px #ffffff3d}html[data-theme=dark] :is(input,textarea,select):focus-visible,html[data-theme=dark] :is(.box-picker[open] summary,.generation-select[open] summary){border-color:#53d2f4a8;box-shadow:0 0 0 3px #3eb3e81f,0 10px 26px #0000002e}html[data-theme=dark] :is(.history-card,.decomposition-history-card,.provider-settings-card){transition:border-color .2s,box-shadow .2s,transform .2s}html[data-theme=dark] :is(.history-card,.decomposition-history-card):hover{border-color:#58c7eb4d;transform:translateY(-2px);box-shadow:0 24px 72px #0000007a,0 0 0 1px #44aadc14}@keyframes packora-accent-shift{0%{background-position:0%}to{background-position:100%}}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#49515d}@media (prefers-reduced-motion:reduce){.app-frame[data-theme=light]:before,.app-frame[data-theme=light]:after,html[data-theme=light] .button.primary,.app-frame[data-theme=dark]:before,.app-frame[data-theme=dark]:after,html[data-theme=dark] .button.primary{animation:none}}@media (width<=900px){.history-view .page-heading{flex-wrap:wrap}.history-heading-actions{width:100%}}@media (width<=1180px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.view-page{padding-inline:24px}.history-card-body{min-height:380px}.history-card-actions{flex-wrap:wrap;justify-content:flex-start}.history-card-summary{grid-template-columns:minmax(0,1fr)}.history-card-summary dl{flex-wrap:wrap}.asset-grid,.provider-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.compact-generation-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-generation-bar .preview-button{width:100%}}@media (height<=760px){.composer-dock{position:sticky;bottom:18px}}@media (width<=1180px){.app-frame[data-environment=web] .decompose-heading{max-width:none;min-height:44px;margin-bottom:12px;padding-right:170px;position:static}}@media (width<=940px){.decompose-heading{margin-bottom:12px;position:static}.decompose-layout>.decompose-panel:first-child,.output-panel:not(.output-panel-empty){height:calc(100vh - 130px)}.result-grid,.history-card,.decompose-layout{grid-template-columns:1fr}.result-card{grid-template-columns:minmax(0,1fr)}.result-image-wrap{aspect-ratio:16/10;min-height:0}.model-role-grid{grid-template-columns:1fr}.compact-generation-bar{grid-template-columns:1fr 1fr}.security-boundary,.provider-card-heading,.provider-actions{flex-direction:column;align-items:stretch}.key-management,.provider-fields{grid-template-columns:1fr}.image-provider-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-frame[data-environment=web] .decompose-heading{min-height:0;padding-top:72px;padding-right:0}}:root{--ink:#172a35;--muted:#6b818d;--line:#4c798f29;--panel:#ffffffe6;--panel-strong:#fffffff7;--blue:#62bee0;--blue-deep:#2f8db5;--violet:#6575db;--green:#42b98a;--shadow:0 18px 48px #2f5c731f}html[data-theme=dark]{--ink:#f4f7fa;--muted:#9ba6b3;--line:#e0eff81f;--panel:#15181ee0;--panel-strong:#1f2229f5;--blue:#62d9f4;--blue-deep:#78dff5;--violet:#7487ff;--green:#51d6a0;--shadow:0 18px 48px #00000057}.app-frame[data-theme=light]{background:linear-gradient(118deg,#0000 0% 58%,#ffeaa621 72%,#0000 88%),linear-gradient(#c8eaf5 0%,#edf8fb 27%,#fff 60%,#fbfdff 100%)}.app-frame[data-theme=light]:before{opacity:1;background:linear-gradient(118deg,#62bee01a,#0000 36%,#6575db0d 76%,#0000);animation:none}.app-frame[data-theme=light]:after{opacity:.42;background-image:linear-gradient(#62bee008 1px,#0000 1px),linear-gradient(90deg,#62bee008 1px,#0000 1px);background-size:64px 64px;animation:none}.app-frame[data-theme=dark]{background:#090b0f}.app-frame[data-theme=dark]:before{background:linear-gradient(116deg,#0000 0% 40%,#33e0f20a 47%,#36a7ff26 53%,#5469ff2e 58%,#30d1ee12 63%,#0000 71%) 0 0/175% 175%;animation-duration:22s}.app-frame[data-theme=dark]:after{opacity:.3;background-image:linear-gradient(#74cceb09 1px,#0000 1px),linear-gradient(90deg,#74cceb09 1px,#0000 1px);background-size:64px 64px;animation-duration:28s}html[data-theme=light] :is(.window-bar,.sidebar){background:#f9fdffeb}html[data-theme=dark] :is(.window-bar,.sidebar){background:#0e1015f0}.window-bar{padding-inline:18px}.app-layout{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:24px 18px 18px}.brand-mark{background:linear-gradient(140deg,#62c0ed,#7886ee);border-radius:10px;box-shadow:0 10px 28px #4987c945}.mini-mark{background:linear-gradient(140deg,#62c0ed,#7886ee);border-radius:6px;box-shadow:0 8px 20px #4987c938}.nav-item{border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;min-height:48px;font-size:14px;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.nav-item>svg{justify-self:center}.nav-item:hover{transform:translate(2px)}html[data-theme=light] .nav-item.active{color:#195d8a;background:#fff;border-color:#69afe057;box-shadow:inset 3px 0 #62bee0,0 9px 24px #4882ae1a}html[data-theme=dark] .nav-item.active{color:#f5fcff;background:linear-gradient(105deg,#2db4da38,#4c69e033);border-color:#60d4f66b;box-shadow:inset 3px 0 #62d9f4,0 10px 26px #0000003d}.theme-toggle,.status-row{border-radius:8px}.theme-toggle-icon{border-radius:7px}.status-row{min-height:38px;padding:9px 10px;font-size:11px}.sidebar-theme-control>span,.sidebar-status>p{font-size:11px}.view-page{padding:32px clamp(28px,3.6vw,56px) 52px}.page-heading{margin-bottom:24px}.page-heading h1{letter-spacing:0;font-size:40px;line-height:1.12}.eyebrow{letter-spacing:0;margin-bottom:7px;font-size:11px}.page-heading p:not(.eyebrow){max-width:68ch;font-size:14px}.button,.back-button,.window-cancel-button{border-radius:8px;min-height:40px;font-size:12px;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .12s}button:active:not(:disabled){transform:translateY(1px)scale(.99)}:is(button,input,textarea,select,summary):focus-visible{outline-offset:2px;outline:2px solid #4097d88c}.composer-card,.settings-boundary,.decompose-panel,.history-card,.provider-settings-card,.model-role-card,.decomposition-history-card,.history-element,.result-card,.empty-page.compact,.prompt-field textarea,.category-field input,.model-role-card input,.provider-fields input,.provider-fields select,.key-management input,.box-picker summary,.generation-select summary,.history-search input,.image-provider-tabs,.decompose-upload,.decompose-empty{border-radius:8px}.composer-card,.provider-settings-card,.model-role-card,.history-card,.decompose-panel{box-shadow:var(--shadow)}.live-label,.empty-canvas p,.history-card-body p,.decompose-upload p,.decompose-empty p,.section-title p,.provider-capability-note p,.provider-fields label>small{font-size:12px}.empty-canvas strong,.section-title h2{font-size:16px}.prompt-field,.category-field,.strength-field,.quality-field legend,.aspect-ratio-field legend,.generation-count-field legend,.box-picker-label,.provider-fields label,.key-management label{font-size:12px}.provider-capability-note span,.provider-capability-note strong,.selection-count,.boundary-notice p,.decompose-boundary,.history-card-copy>span,.history-card-body dt{font-size:11px}.empty-page.compact{background:#ffffff94;min-height:360px}html[data-theme=dark] .empty-page.compact{background:#15181ed6}.composer-card{padding:16px}.composer-dock{bottom:18px}.app-frame[data-environment=web] .composer-dock{z-index:28;align-self:end;margin-top:12px;position:sticky;bottom:0}.app-frame[data-environment=web] .studio-view{height:100%;min-height:0}.app-frame[data-environment=web] .workspace-card{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0}.app-frame[data-environment=web] .workspace-preview{min-height:0;padding-bottom:300px;overflow:hidden}.app-frame[data-environment=web] .composer-card{max-height:min(310px,100vh - 150px);overflow:auto}.verification-code-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.verification-code-button{color:#2f8db5;cursor:pointer;background:#eff8fc;border:1px solid #345f6633;border-radius:7px;min-width:102px;padding:0 12px;font-size:11px;font-weight:800}.verification-code-button:disabled{cursor:not-allowed;opacity:.55}.daily-credit-content{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:12px;display:grid}.daily-credit-content>div{background:color-mix(in srgb, var(--soft-panel,#f4f8f8) 80%, transparent);border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.daily-credit-content span,.daily-credit-content small{color:var(--muted,#71868b);font-size:11px}.daily-credit-content strong{color:var(--ink,#17333a);font-size:22px}@media (width<=760px){.app-frame[data-environment=web] .composer-dock{bottom:12px}.app-frame[data-environment=web] .workspace-preview{padding-bottom:360px}.daily-credit-content{grid-template-columns:1fr 1fr}.daily-credit-content>.button{grid-column:1/-1}}.app-frame[data-environment=web] .history-view .page-heading{padding-right:170px}.credit-balance-glass{z-index:36;color:#7b5310;-webkit-backdrop-filter:blur(18px)saturate(135%);min-width:150px;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ffe79da3,#ecb02f33);border:1px solid #ebb8477a;border-radius:8px;grid-template-columns:20px auto auto;align-items:center;gap:8px;padding:0 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-grid;position:fixed;top:22px;right:30px;box-shadow:0 12px 32px #b87e1424,inset 0 1px #ffffff8a}.generation-cancel-float{z-index:36;color:#a63b4b;-webkit-backdrop-filter:blur(18px)saturate(125%);width:150px;min-height:40px;font:inherit;cursor:pointer;background:#fff7f8d1;border:1px solid #d1546352;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:750;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:fixed;top:76px;right:30px;box-shadow:0 10px 28px #8f2a391f,inset 0 1px #ffffff9e}.generation-cancel-float:hover,.generation-cancel-float:focus-visible{color:#c23e51;background:#fff2f4f0;border-color:#d1546394;transform:translateY(-1px);box-shadow:0 13px 32px #8f2a392b,inset 0 1px #ffffffb8}.app-frame[data-theme=dark] .generation-cancel-float{color:#ffabb7;background:#4b182294;border-color:#ff748457;box-shadow:0 12px 30px #00000042,inset 0 1px #ffd6dc14}.credit-balance-glass span{font-size:12px;font-weight:700}.credit-balance-glass strong{font-variant-numeric:tabular-nums;min-width:2ch;font-size:16px}.credit-balance-glass:hover,.credit-balance-glass:focus-visible{border-color:#da9c1ec7;transform:translateY(-1px);box-shadow:0 15px 36px #b87e1433,inset 0 1px #ffffffad}.credit-balance-glass:focus-visible{outline-offset:2px;outline:3px solid #ebb84738}.app-frame[data-theme=dark] .credit-balance-glass{color:#ffe2a1;background:linear-gradient(135deg,#805b166b,#e0a52f21);border-color:#f0bf4e6b;box-shadow:0 14px 36px #00000047,inset 0 1px #ffebb51f}.app-frame[data-environment=web] .studio-result-grid,.app-frame[data-environment=web] .generation-preview-grid{grid-auto-rows:minmax(0,1fr);place-content:center;place-items:center;width:100%;height:100%;min-height:0}.app-frame[data-environment=web] .studio-result-grid{max-width:none;margin-inline:auto}.app-frame[data-environment=web] .generation-preview{width:var(--preview-item-width,100%);height:var(--preview-item-height,auto);min-height:0;aspect-ratio:var(--preview-aspect-ratio,1 / 1)}.app-frame[data-environment=web] .studio-result-image{width:var(--preview-item-width,100%);height:var(--preview-item-height,auto);min-height:0;aspect-ratio:var(--preview-aspect-ratio,1 / 1);place-items:center;padding:0;display:grid}.app-frame[data-environment=web] .studio-result-image img{object-fit:contain;width:100%;height:100%}.app-frame[data-environment=web] .generation-partial-result{object-fit:contain}.app-frame[data-environment=web] .studio-result-image:hover img,.app-frame[data-environment=web] .studio-result-image:focus-visible img{transform:none}@media (width<=760px){.app-frame[data-environment=web] .history-view .page-heading{padding-top:72px;padding-right:0}.credit-balance-glass{min-height:38px;padding-inline:10px;top:62px;right:12px}.generation-cancel-float{min-height:38px;top:108px;right:12px}}.app-frame[data-environment=web] .decompose-view,.app-frame[data-environment=web] .decompose-layout,.app-frame[data-environment=web] .output-panel,.app-frame[data-environment=web] .asset-grid{background-color:#0000}.app-frame[data-environment=web] .decomposition-loading-bars i{transform-origin:bottom;animation:1.1s ease-in-out infinite decomposition-loading-pulse!important}.app-frame[data-environment=web] .decomposition-loading-preview:before{content:none;animation:none!important}.app-frame[data-environment=web][data-theme=light]:before,.app-frame[data-environment=web][data-theme=light]:after,.app-frame[data-environment=web][data-theme=dark]:before,.app-frame[data-environment=web][data-theme=dark]:after{inset:0}.decompose-view{padding-inline:24px 32px}.decompose-upload{min-height:270px}.output-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}.output-panel-empty .decompose-empty{min-height:min(420px,100vh - 260px)}.app-frame[data-environment=web][data-theme=dark] .decomposition-plan-empty{color:#a2bac8;background:#62d9f40d;border-color:#62d9f433}.app-frame[data-environment=web][data-theme=dark] :is(.source-flat-regenerate,.source-annotation-action){color:#c9dce6;background:#181c22eb;border-color:#62d9f447}html[data-theme=light] .output-panel-empty .decompose-empty,html[data-theme=dark] .output-panel-empty .decompose-empty{background:0 0;border-color:#52818633}html[data-theme=light] .button.primary,html[data-theme=light] .composer-card .button.primary{color:#fff;background:linear-gradient(115deg,#66cbe5,#55aee1 54%,#6f92e7);border-color:#0000;animation:none;box-shadow:0 10px 24px #4896cd38}html[data-theme=light] .button.primary:hover:not(:disabled),html[data-theme=light] .composer-card .button.primary:hover:not(:disabled){background:linear-gradient(115deg,#73d5ed,#61b9e7 54%,#7b9bed);border-color:#0000;box-shadow:0 13px 28px #469ed34d}html[data-theme=dark] .button.primary{color:#061116;background:linear-gradient(112deg,#7af1f8 0%,#50b6f4 48%,#7280f4 100%);border-color:#0000;animation:none;box-shadow:0 10px 28px #34a4e142}html[data-theme=dark] .button.primary:hover:not(:disabled){background:linear-gradient(112deg,#8df5fa 0%,#64c1f7 48%,#8290f7 100%);border-color:#0000;box-shadow:0 14px 32px #37b2e857}html[data-theme=light] .history-tabs button.active,html[data-theme=light] .image-provider-tabs button.active,html[data-theme=light] :is(.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active){color:#fff;background:linear-gradient(112deg,#2f8db5,#6575db);border-color:#4e9ec157;transform:none;box-shadow:0 7px 18px #4896cd33}html[data-theme=dark] .history-tabs button.active,html[data-theme=dark] .image-provider-tabs button.active,html[data-theme=dark] :is(.quality-field button.active,.aspect-ratio-field button.active,.generation-count-field button.active){color:#fff;background:linear-gradient(125deg,#279fcf,#6377e8);border-color:#66d3f4ad;transform:none;box-shadow:0 7px 20px #247cc44d}.security-boundary,.provider-capability-note,.decomposition-plan-editor,.decompose-boundary,.decomposition-job-summary,.decompose-output-footer{box-shadow:none;border-radius:8px}@media (width<=1180px){.app-layout{grid-template-columns:212px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.app-frame[data-theme=dark]:before,.app-frame[data-theme=dark]:after{animation:none}}.login-page{color:#172a35;background:linear-gradient(#62bee00e 1px,#0000 1px),linear-gradient(90deg,#62bee00e 1px,#0000 1px),#f4fbff}.login-mark,.session-loader,.admin-user-avatar,.generation-completion-icon{background:linear-gradient(140deg,#62c0ed,#7886ee)}:is(.login-kicker,.login-methods button:hover,.login-methods button.active,.wechat-qr-placeholder svg,.wechat-login-status button:hover:not(:disabled),.invite-access-icon,.invite-access-kicker,.invite-access-logout:hover:not(:disabled),.demo-account-panel button:hover,.admin-pricing-heading>div>span,.admin-pricing-heading>button,.admin-user-open,.admin-history-status button,.generation-completion-toast>.generation-completion-view){color:#2f8db5}:is(.login-form input:focus-visible,.invite-access-input-shell:focus-within,.wechat-login-status button:hover:not(:disabled),.demo-account-panel button:hover,.admin-pricing-heading>button,.generation-completion-toast>.generation-completion-view){border-color:#58aee86b}:is(.login-submit,.admin-tabs button.active,.admin-pricing-panel-heading>button,.admin-credit-adjust button,.admin-image-detail footer button:last-child){color:#fff;background:linear-gradient(112deg,#2f8db5,#6575db);border-color:#0000}.login-submit:hover:not(:disabled){background:linear-gradient(112deg,#3d9fc6,#7487ef)}.invite-access-page{color:#172a35;background:#eaf4fc}.invite-access-icon{background:#e6f4fb}.invite-access-input-shell,.wechat-qr-shell,.wechat-login-status button,.demo-account-panel button{background-color:#f7fbfe}.account-avatar{background:#62bee024}.admin-tabs button:hover,.admin-user-open:hover:not(:disabled),.admin-history-status button,.generation-completion-toast>.generation-completion-view{background-color:#62bee01a}html[data-theme=dark] .login-page{color:#f4f7fa;background:linear-gradient(#74cceb08 1px,#0000 1px),linear-gradient(90deg,#74cceb08 1px,#0000 1px),#090b0f}html[data-theme=dark] .invite-access-page{color:#f4f7fa;background:#090b0f}html[data-theme=dark] :is(.invite-access-backdrop,.login-page){color:#f4f7fa}html[data-theme=dark] :is(.invite-access-backdrop small,.invite-access-dialog>p,.invite-access-logout,.login-brand small,.login-heading p,.demo-account-panel>div,.login-methods button,.wechat-qr-placeholder,.wechat-local-qr span,.wechat-login-status){color:#9ba6b3}html[data-theme=dark] :is(.invite-access-kicker,.invite-access-logout:hover:not(:disabled),.login-kicker,.login-methods button:hover,.wechat-qr-placeholder svg,.wechat-login-status button:hover:not(:disabled),.demo-account-panel button:hover){color:#62d9f4}html[data-theme=dark] :is(.invite-access-dialog,.login-panel,.account-settings-dialog,.web-model-editor){background:#15181e;border-color:#e0eff81f}html[data-theme=dark] :is(.invite-access-input-shell,.login-form input,.login-methods,.wechat-qr-shell,.wechat-login-status button,.demo-account-panel button){background:#181b21;border-color:#e0eff81f}html[data-theme=dark] :is(.invite-access-input-shell input,.login-form input,.wechat-qr-placeholder strong,.wechat-local-qr strong){color:#f4f7fa}html[data-theme=dark] .login-methods button.active,html[data-theme=dark] .admin-tabs button.active{color:#fff;background:linear-gradient(125deg,#279fcf,#6377e8)}.login-scene{box-sizing:border-box;min-height:100svh}.login-scene .login-panel{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;max-height:calc(100svh - 32px);overflow:hidden auto}.login-scene .login-form{min-height:0}.login-scene .login-submit{z-index:2;position:sticky;bottom:0}@media (width<=720px){.login-scene{min-height:100svh;padding:20px}.login-scene .login-panel{max-height:calc(100svh - 20px);padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom))}.login-scene .login-form{gap:13px}}html[data-theme=dark] :is(.wechat-login-status button:hover:not(:disabled),.demo-account-panel button:hover){background:#1d252e}.view-transition-shell{isolation:isolate;min-height:100%;animation:.42s cubic-bezier(.22,.8,.24,1) packora-view-in;position:relative}.view-transition-shell:before{z-index:-1;filter:blur(28px);pointer-events:none;content:"";opacity:.75;background:linear-gradient(115deg,#62bee01a,#6575db0a,#0000 72%);border-radius:999px;width:min(360px,38vw);height:180px;animation:.9s both packora-view-glow;position:absolute;top:12px;right:clamp(22px,4vw,72px)}.view-transition-shell :is(.page-heading,.composer-card,.workspace-card,.decompose-panel,.history-card,.provider-settings-card,.model-role-card,.credits-section,.admin-shell){animation:.48s cubic-bezier(.22,.8,.24,1) both packora-panel-in}.view-transition-shell :is(.page-heading,.composer-card,.workspace-card,.decompose-panel,.history-card,.provider-settings-card,.model-role-card,.credits-section,.admin-shell):nth-child(2){animation-delay:45ms}.view-transition-shell :is(.page-heading,.composer-card,.workspace-card,.decompose-panel,.history-card,.provider-settings-card,.model-role-card,.credits-section,.admin-shell):nth-child(3){animation-delay:90ms}.window-controls{align-items:center;gap:5px;margin-right:2px;display:inline-flex}.window-controls i{background:#fffc;border:1px solid #538bab38;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 3px #295c7a29}.window-controls i:first-child{background:#7bd4bc}.window-controls i:nth-child(2){background:#f3c875}.window-controls i:last-child{background:#ec8f9a}.nav-item{position:relative;overflow:hidden}.nav-item:before{background:var(--blue);content:"";opacity:0;transform-origin:50%;border-radius:0 4px 4px 0;width:3px;transition:opacity .22s,transform .26s cubic-bezier(.22,.8,.24,1);position:absolute;top:9px;bottom:9px;left:0;transform:scaleY(.35)}.nav-item.active:before{opacity:1;transform:scaleY(1)}@keyframes packora-view-in{0%{opacity:0;filter:blur(2px);transform:translate(18px,10px)scale(.992)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes packora-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes packora-view-glow{0%{opacity:0;transform:translate(28px,-8px)scale(.84)}to{opacity:.75;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.view-transition-shell,.view-transition-shell:before,.view-transition-shell :is(.page-heading,.composer-card,.workspace-card,.decompose-panel,.history-card,.provider-settings-card,.model-role-card,.credits-section,.admin-shell){animation:none}.nav-item,.nav-item:before{transition:none}}.app-frame[data-environment=web] .workspace-card,.app-frame[data-environment=web] .workspace-preview,.app-frame[data-environment=web] .composer-dock,.app-frame[data-environment=web] .compact-generation-bar{overflow:visible}.app-frame[data-environment=web] .composer-dock{isolation:isolate;position:sticky}.app-frame[data-environment=web] .reference-strip{z-index:32;scrollbar-gutter:stable;flex-wrap:nowrap;max-width:100%;max-height:78px;margin:0;padding:4px 4px 6px 22px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:auto hidden}.app-frame[data-environment=web] .reference-thumbnail{flex:0 0 62px}.app-frame[data-environment=web] .composer-card{z-index:20;position:relative;overflow:visible}.app-frame[data-environment=web] :is(.generation-select,.box-picker)[open]{z-index:60}.app-frame[data-environment=web] .generation-option-menu,.app-frame[data-environment=web] .box-type-menu{z-index:100;max-height:min(320px,45vh)}.app-frame[data-environment=web] .size-option-menu{min-width:300px}@media (width<=760px){.app-frame[data-environment=web] .reference-strip{padding-left:12px}}.app-frame[data-environment=web] .workspace-preview{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}.app-frame[data-environment=web] .studio-session-gallery{width:100%;min-height:100%;padding:4px 0 20px}.app-frame[data-environment=web] .studio-session-gallery-grid{--session-gallery-item-height:clamp(260px, 42vh, 420px);flex-wrap:wrap;justify-content:center;align-items:start;gap:16px;display:flex}.app-frame[data-environment=web] .studio-session-gallery-grid.is-generating{align-items:start}.app-frame[data-environment=web] .studio-session-gallery-grid.is-generating .generation-preview{width:auto;max-width:100%;height:var(--session-gallery-item-height);min-width:0;aspect-ratio:var(--preview-aspect-ratio,1 / 1);flex:none}.app-frame[data-environment=web] .studio-result-image.studio-session-result{width:auto;max-width:100%;height:var(--session-gallery-item-height);aspect-ratio:var(--result-aspect-ratio,1);background:0 0;flex:none;box-shadow:0 12px 30px #04101b24}.app-frame[data-environment=web] .image-inspector-backdrop{place-items:center}.app-frame[data-environment=web] .image-lightbox-stage{margin:0}.app-frame[data-environment=web] .image-inspector>img{object-fit:contain}@media (width<=760px){.app-frame[data-environment=web] .studio-session-gallery-grid{--session-gallery-item-height:min(220px, calc((100vw - 48px) * 3 / 7));gap:12px}}.announcement-dialog-backdrop{z-index:240;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060abd;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.announcement-dialog{color:#f4f7fa;background:#15191f;border:1px solid #88cde838;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 56px);position:relative;overflow:auto;box-shadow:0 32px 100px #00000094}.announcement-close{z-index:3;color:#fff;cursor:pointer;background:#070c12c2;border:1px solid #ffffff2b;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:13px;left:13px}.announcement-letter{background:#15191f;overflow:hidden}.announcement-cover{background:linear-gradient(#62d9f40e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#62d9f40e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(120deg,#1ebbdc2e,#0000 48%),linear-gradient(300deg,#6770f233,#0000 48%),#0d1219;place-items:center;min-height:190px;display:grid;overflow:hidden}.announcement-cover>img{object-fit:cover;width:100%;height:190px}.announcement-brand-art{justify-items:center;gap:13px;display:grid}.announcement-brand-art .packora-brand-logo{width:124px;height:88px}.announcement-brand-art .packora-brand-logo img{object-fit:contain;width:100%;height:100%}.announcement-brand-art>span{color:#cbeaf5;letter-spacing:2px;font-size:9px;font-weight:700}.announcement-letter-copy{padding:26px 34px 28px}.announcement-letter-copy>small{color:#62d9f4;letter-spacing:1.3px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.announcement-letter-copy h1{color:#f4f7fa;letter-spacing:0;margin:0;font-size:25px;line-height:1.35}.announcement-body{gap:13px;margin-top:14px;display:grid}.announcement-body p{color:#c0c9d1;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.8}.announcement-body strong{color:#f4f7fa}.announcement-body em{color:#dfe8ee}.announcement-body a{color:#62d9f4;text-underline-offset:3px}.announcement-inline-image{background:#0b0f15;border:1px solid #7fbcd82e;border-radius:6px;margin:0;overflow:hidden;box-shadow:0 14px 32px #0000003d}.announcement-inline-image img{object-fit:contain;width:100%;max-height:360px;display:block}.announcement-letter-copy>footer{color:#8e9eaa;border-top:1px solid #c2e0f024;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;font-size:10px;display:flex}.announcement-letter-copy>footer strong{color:#f4f7fa;font-size:11px}.admin-announcement{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:start;gap:16px;display:grid}.admin-announcement-editor,.admin-announcement-preview{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-width:0}.admin-announcement-editor{padding:20px}.admin-announcement-editor>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-announcement-editor>header strong,.admin-announcement-editor>header small{display:block}.admin-announcement-editor>header strong{color:var(--ink);font-size:14px}.admin-announcement-editor>header small{color:var(--muted);margin-top:4px;font-size:10px}.announcement-enable-switch{color:var(--muted);cursor:pointer;flex:none;align-items:center;gap:7px;font-size:10px;display:flex}.announcement-enable-switch input{opacity:0;pointer-events:none;position:absolute}.announcement-enable-switch>span{background:#708b9e57;border-radius:999px;width:38px;height:21px;transition:background .16s;position:relative}.announcement-enable-switch>span:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.announcement-enable-switch input:checked+span{background:linear-gradient(90deg,#2ca8c8,#6676e9)}.announcement-enable-switch input:checked+span:after{transform:translate(17px)}.announcement-enable-switch b{min-width:36px;color:var(--ink);font-weight:600}.announcement-field{color:var(--muted);gap:7px;margin-top:14px;font-size:10px;font-weight:700;display:grid}.announcement-field>input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--panel-strong);border-radius:6px;outline:none;padding:0 11px}.announcement-cover-picker{border:1px solid var(--line);background:#5f97b70f;border-radius:6px;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;min-height:92px;display:grid;position:relative;overflow:hidden}.announcement-cover-picker>div:first-child{width:108px;height:100%;min-height:92px;color:var(--blue-deep);background:linear-gradient(135deg,#3fbedc29,#6c75eb26);place-items:center;display:grid;overflow:hidden}.announcement-cover-picker>div:first-child img{object-fit:cover;width:100%;height:100%}.announcement-cover-picker>div:nth-child(2){min-width:0;padding:12px}.announcement-cover-picker strong,.announcement-cover-picker small{overflow-wrap:anywhere;display:block}.announcement-cover-picker strong{color:var(--ink);font-size:11px}.announcement-cover-picker small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400}.announcement-cover-picker>button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;align-items:center;gap:5px;margin-right:12px;padding:0 10px;display:inline-flex}.announcement-cover-picker>button.remove{width:28px;min-height:28px;color:var(--muted);background:#ffffffe0;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:6px;right:6px}.announcement-rich-editor{border:1px solid var(--line);background:var(--panel-strong);border-radius:6px;overflow:hidden}.announcement-editor-toolbar{border-bottom:1px solid var(--line);background:#5b89a514;flex-wrap:wrap;gap:4px;padding:7px;display:flex}.announcement-editor-toolbar button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.announcement-editor-toolbar button:hover{color:var(--ink);background:#4a8fb21c}.announcement-editor-toolbar button.media{color:var(--ink);background:#498eb31a}.announcement-editor-canvas{min-height:240px;color:var(--ink);outline:none;padding:12px;font-size:12px;font-weight:400;line-height:1.7}.announcement-editor-canvas:empty:before{color:var(--muted);content:attr(data-placeholder);pointer-events:none}.announcement-editor-canvas p{margin:0 0 10px}.announcement-editor-canvas a{color:var(--blue-deep)}.announcement-editor-image{border:1px solid var(--line);background:#5689a812;border-radius:6px;width:min(100%,390px);margin:12px 0;position:relative;overflow:hidden}.announcement-editor-image img{object-fit:contain;background:#12232f0a;width:100%;max-height:230px;display:block}.announcement-editor-image figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:9px;overflow:hidden}.announcement-editor-image button{color:#fff;cursor:pointer;background:#091016b8;border:1px solid #ffffff3d;border-radius:5px;align-items:center;gap:5px;min-height:28px;padding:0 7px;display:inline-flex;position:absolute;top:7px;right:7px}.announcement-editor-image button b{font-size:14px}.announcement-editor-helper{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:400;display:flex}.announcement-editor-helper svg{color:var(--blue-deep)}.announcement-editor-error,.announcement-editor-message{margin:12px 0 0;font-size:11px}.announcement-editor-error{color:#c94747}.announcement-editor-message{color:var(--green)}.admin-announcement-editor>footer{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.admin-announcement-editor>footer button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.admin-announcement-editor>footer button:last-child{color:#fff;background:linear-gradient(120deg,#259ac7,#5f6fe7);border-color:#0000}.admin-announcement-editor button:disabled{opacity:.56;cursor:wait}.admin-announcement-preview{overflow:hidden}.admin-announcement-preview>header{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;font-size:10px;display:flex}.admin-announcement-preview>header small{color:var(--green)}.admin-announcement-preview .announcement-letter.compact{background:#15191f}.admin-announcement-preview .announcement-letter.compact .announcement-cover{min-height:135px}.admin-announcement-preview .announcement-letter.compact .announcement-cover>img{height:135px}.admin-announcement-preview .announcement-letter.compact .announcement-brand-art{gap:7px}.admin-announcement-preview .announcement-letter.compact .announcement-brand-art .packora-brand-logo{width:78px;height:56px}.admin-announcement-preview .announcement-letter.compact .announcement-brand-art>span{letter-spacing:1.1px;font-size:6px}.admin-announcement-preview .announcement-letter.compact .announcement-letter-copy{padding:18px}.admin-announcement-preview .announcement-letter.compact .announcement-letter-copy>small{font-size:8px}.admin-announcement-preview .announcement-letter.compact .announcement-letter-copy h1{font-size:17px}.admin-announcement-preview .announcement-letter.compact .announcement-body{gap:9px;margin-top:10px}.admin-announcement-preview .announcement-letter.compact .announcement-body p{font-size:10px;line-height:1.65}.admin-announcement-preview .announcement-letter.compact .announcement-inline-image img{max-height:190px}.admin-announcement-preview .announcement-letter.compact .announcement-letter-copy>footer{margin-top:14px;padding-top:12px;font-size:8px}html[data-theme=dark] .admin-announcement-editor,html[data-theme=dark] .admin-announcement-preview,html[data-theme=dark] .announcement-field>input,html[data-theme=dark] .announcement-rich-editor,html[data-theme=dark] .announcement-cover-picker{background:#172024}html[data-theme=dark] .announcement-editor-toolbar,html[data-theme=dark] .announcement-editor-helper{background:#1d292d}html[data-theme=dark] .announcement-cover-picker>button{background:#202c31}.dieline-view{padding:28px 30px 34px;overflow:auto}.handle-bag-reference-host{background:#fff;place-items:center;padding:22px 16px 34px;display:grid;overflow:hidden}.handle-bag-reference-frame{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;display:block;position:relative}.handle-bag-reference-frame>svg{width:100%;max-width:100%;height:100%;display:block}.handle-bag-reference-host img{object-fit:contain;filter:contrast(1.18)saturate(1.08);width:100%;height:auto;max-height:100%;display:block}.handle-bag-bleed-overlay{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.handle-bag-bleed-overlay path{fill:none;stroke:#35a36b;stroke-width:9px}.dieline-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.dieline-heading h1{letter-spacing:0;margin:7px 0 5px;font-size:clamp(25px,2.7vw,34px)}.dieline-heading p{max-width:620px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.dieline-heading .heading-actions{align-items:center;gap:12px;display:flex}.dieline-status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.dieline-status i{background:#55c89a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55c89a21}.dieline-status.warning i{background:#e7a44f;box-shadow:0 0 0 4px #e7a44f24}.dieline-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.dieline-controls{gap:13px;min-width:0;display:grid}.dieline-control-section{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:17px;box-shadow:0 12px 30px #26607c0f}.dieline-section-title{color:var(--blue-deep);align-items:flex-start;gap:9px;margin-bottom:13px;display:flex}.dieline-section-title>svg{flex:none;margin-top:2px}.dieline-section-title strong,.dieline-section-title small{display:block}.dieline-section-title strong{color:var(--ink);font-size:12px}.dieline-section-title small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400;line-height:1.45}.dieline-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.dieline-box-option{border:1px solid var(--line);min-height:68px;color:var(--muted);background:var(--panel-strong);cursor:pointer;border-radius:8px;align-content:center;justify-items:center;gap:5px;padding:8px 5px;display:grid;position:relative}.dieline-box-option:hover{color:var(--ink);border-color:#399cc480}.dieline-box-option.active{color:var(--blue-deep);background:#40a8cd1a;border-color:#2a97c1b8;box-shadow:inset 0 0 0 1px #2a97c12e}.dieline-box-option>strong{font-size:10px}.dieline-box-option>svg{color:var(--green);position:absolute;top:6px;right:6px}.dieline-box-option .box-glyph{opacity:.75;border:1.5px solid;border-radius:3px;width:27px;height:20px}.dieline-box-option .box-plane{transform:skew(-16deg)}.dieline-box-option .box-lid{box-shadow:inset 0 5px #399cc426}.dieline-box-option .box-drawer{border-radius:2px 8px 8px 2px}.dieline-box-option .box-carton{transform:rotate(30deg)scale(.82)}.dieline-box-option .box-handle{border-radius:3px 3px 10px 10px}.dieline-box-option .box-custom{border-style:dashed}.dieline-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dieline-input-grid.compact{margin-top:10px}.dieline-input-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.dieline-input-grid label{gap:5px;min-width:0;display:grid}.dieline-input-grid label>span{color:var(--muted);font-size:9px}.dieline-input-grid label>div{position:relative}.dieline-input-grid input{border:1px solid var(--line);width:100%;min-width:0;height:32px;color:var(--ink);background:var(--panel-strong);border-radius:6px;padding:0 28px 0 8px;font-size:11px}.dieline-input-grid input:disabled{color:var(--muted);cursor:not-allowed;opacity:.68;background:#78919c14}.dieline-input-grid input:focus{border-color:#36a2c7;outline:2px solid #31a1c938}.dieline-input-grid em{color:var(--muted);font-size:8px;font-style:normal;position:absolute;top:9px;right:7px}.dieline-dimension-modes{gap:8px;margin-bottom:12px;display:grid}.dieline-choice-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.dieline-choice-row>div:first-child{min-width:0}.dieline-choice-row strong,.dieline-choice-row small{display:block}.dieline-choice-row strong{color:var(--ink);font-size:10px}.dieline-choice-row small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.35}.dieline-segmented{border:1px solid var(--line);background:#678b9914;border-radius:7px;flex:0 0 118px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;display:grid}.dieline-segmented button{min-width:0;height:27px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:0 6px;font-size:9px}.dieline-segmented button.active{color:#0c6f91;background:var(--panel-strong);font-weight:700;box-shadow:0 2px 7px #235c7221}.dieline-material-select{gap:5px;margin-top:10px;display:grid}.dieline-material-select>span{color:var(--muted);font-size:9px}.dieline-material-select select{border:1px solid var(--line);width:100%;height:34px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:6px;padding:0 30px 0 9px;font-size:10px}.dieline-material-select select:focus{border-color:#36a2c7;outline:2px solid #31a1c938}.dieline-material-select small{color:var(--muted);font-size:8px;line-height:1.45}.dieline-lid-state{border:1px solid var(--line);background:var(--panel-strong);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 11px;display:flex}.dieline-lid-state>div{gap:3px;min-width:0;display:grid}.dieline-lid-state strong{color:var(--ink);font-size:11px}.dieline-lid-state small{color:var(--muted);font-size:9px;line-height:1.4}.dieline-lid-state .button{flex:none;min-height:28px}.dieline-lid-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.dieline-lid-actions .button{min-height:30px}.dieline-paper-profile{gap:6px;margin-top:10px;display:grid}.dieline-paper-profile>span{color:var(--muted);font-size:9px}.dieline-paper-profile-options{border:1px solid var(--line);background:#678b9914;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;display:grid}.dieline-paper-profile-options button{min-width:0;min-height:48px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-content:center;gap:3px;padding:6px 8px;display:grid}.dieline-paper-profile-options button.active{color:#0c6f91;background:var(--panel-strong);box-shadow:0 2px 7px #235c7221}.dieline-paper-profile-options strong{color:inherit;font-size:10px}.dieline-paper-profile-options small{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.dieline-paper-profile-summary{color:var(--muted);font-size:8px;line-height:1.5}.dieline-dimension-summary{background:#399cc412;border:1px solid #3899be33;border-radius:7px;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:9px 10px;display:grid}.dieline-dimension-summary span{gap:3px;min-width:0;display:grid}.dieline-dimension-summary span:last-child{text-align:right}.dieline-dimension-summary small{color:var(--muted);font-size:8px}.dieline-dimension-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dieline-dimension-summary i{background:var(--line);width:1px;height:27px}.dieline-workspace{gap:12px;min-width:0;display:grid}.dieline-tabs{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:fit-content;padding:3px;display:inline-flex}.dieline-tabs button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:inline-flex}.dieline-tabs button.active{color:var(--blue-deep);background:#40a8cd21;box-shadow:0 4px 14px #2f7e9d1a}.dieline-canvas-card,.dieline-folded-card,.dieline-action-bar{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;box-shadow:0 14px 36px #26607c0f}.dieline-canvas-card{overflow:hidden}.dieline-canvas-toolbar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;padding:12px 15px;font-size:9px;display:flex}.dieline-canvas-toolbar span{align-items:center;gap:6px;display:inline-flex}.dieline-canvas-toolbar i{border-top:2px solid #2f6fc5;width:18px;height:0;display:inline-block}.dieline-canvas-toolbar i.crease-line{border-color:#d94141;border-top-style:dashed}.dieline-canvas-toolbar i.slot-line{border-top:2px solid #2f6fc5}.dieline-canvas-toolbar i.bleed-line{border-top:2px solid #35a36b}.dieline-canvas-toolbar small{color:var(--ink);margin-left:auto;font-size:9px;font-weight:700}.dieline-zoom-controls{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.dieline-zoom-controls button{border:1px solid var(--line);background:var(--panel);width:26px;height:26px;color:var(--ink);cursor:pointer;border-radius:5px;place-items:center;padding:0;display:inline-grid}.dieline-zoom-controls button:hover{border-color:var(--blue);color:var(--blue-deep)}.dieline-zoom-controls strong{min-width:42px;color:var(--ink);text-align:center;font-size:9px}.dieline-canvas-wrap{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f8fafc;min-height:480px;padding:19px;overflow:hidden}.dieline-canvas-wrap.is-dragging{cursor:grabbing}.dieline-canvas-pan-layer{background:#f8fafc;width:100%;min-height:440px}.dieline-svg{width:100%;min-width:700px;height:min(64vh,620px);min-height:420px;display:block}.dieline-svg-host{background:#f8fafc;overflow:hidden}.dieline-svg-host>svg{shape-rendering:geometricprecision;text-rendering:geometricprecision;width:100%;height:100%;min-height:420px;display:block}.dieline-dimension-details{border-top:1px solid var(--line);color:var(--ink);background:#399cc40d;gap:0;display:grid}.dieline-component-dimensions,.dieline-crease-dimensions{gap:7px;padding:10px 15px;display:grid}.dieline-crease-dimensions{border-top:1px solid var(--line)}.dieline-component-dimensions>strong{font-size:10px}.dieline-dimension-note{color:var(--muted);font-size:9px;line-height:1.45;display:block}.dieline-component-dimensions>div,.dieline-crease-dimensions>div{flex-wrap:wrap;gap:6px 18px;max-height:92px;padding-right:4px;display:flex;overflow:auto}.dieline-component-dimensions span,.dieline-crease-dimensions span{color:var(--muted);align-items:baseline;gap:5px;font-size:9px;display:inline-flex}.dieline-component-dimensions b,.dieline-crease-dimensions b{color:var(--ink);font-weight:700}.dieline-component-dimensions small,.dieline-crease-dimensions small{font-size:9px}.dieline-panel-label{fill:#23546b;letter-spacing:.2px;font-size:12px;font-weight:700}.dieline-dimension-labels{fill:#5a879b;font-size:10px;font-weight:700}.dieline-canvas-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;font-size:9px;display:flex}.dieline-canvas-footer span:first-child{color:var(--ink);align-items:center;gap:5px;display:inline-flex}.dieline-folded-card{grid-template-columns:minmax(0,1fr) 300px;align-items:center;min-height:530px;display:grid;overflow:hidden}.dieline-folded-visual{background:radial-gradient(circle at 50% 42%,#5bb9d840,#0000 48%),#13232b;place-items:center;min-height:530px;display:grid;position:relative;overflow:hidden}.dieline-folded-box{background:linear-gradient(145deg,#f3d89c,#be844b);border:2px solid #d8b36d;border-radius:12px 8px 10px 14px;width:230px;height:158px;position:relative;transform:perspective(520px)rotateX(17deg)rotateY(-24deg)rotate(-2deg);box-shadow:31px 28px 0 -11px #0c171d59,0 36px 60px #0006}.dieline-folded-box:before,.dieline-folded-box:after{content:"";display:block;position:absolute}.dieline-folded-box:before{transform-origin:0 100%;background:linear-gradient(160deg,#ffe6a8,#d59d5b);border:2px solid #d8b36d;border-bottom:0;border-radius:12px 13px 0 0;width:214px;height:47px;top:-45px;left:8px;transform:skew(-15deg)}.dieline-folded-box:after{transform-origin:0;background:linear-gradient(160deg,#c89156,#925a38);border:2px solid #b27a45;border-left:0;border-radius:0 11px 12px 0;width:78px;height:147px;top:9px;right:-78px;transform:skewY(-19deg)}.dieline-folded-box span{background:#f7c948;border-radius:50%;width:74px;height:50px;position:absolute;top:53px;left:68px;box-shadow:0 0 0 5px #fff0a638,0 7px 15px #65360a33}.dieline-folded-box b{z-index:2;border:2px solid #fff9d9;border-radius:50%;width:26px;height:13px;position:absolute;top:74px;left:92px;transform:rotate(-18deg)}.dieline-folded-box i{border-top:2px solid #68441973;border-radius:50%;width:55px;height:14px;position:absolute;top:24px;left:88px;transform:rotate(-5deg)}.dieline-folded-box.box-lid{margin-top:28px}.dieline-folded-box.box-drawer{border-radius:8px 17px 17px 8px}.dieline-folded-box.box-carton{transform:perspective(520px)rotateX(14deg)rotateY(-18deg)}.dieline-folded-shadow{filter:blur(11px);background:#0000005c;border-radius:50%;width:280px;height:34px;position:absolute;bottom:104px}.dieline-folded-copy{color:#fff;background:#09171e8f;border-left:1px solid #6c97a82e;align-content:center;gap:12px;min-height:100%;padding:32px 26px;display:grid}.dieline-folded-copy .eyebrow{color:#92d5ea}.dieline-folded-copy h2{letter-spacing:0;margin:0;font-size:22px}.dieline-folded-copy p{color:#ecf9ffb8;margin:0;font-size:11px;line-height:1.75}.dieline-folded-copy small{color:#ecf9ff85;font-size:9px}.dieline-fold-step-switcher{flex-wrap:wrap;gap:6px;display:flex}.dieline-fold-step-switcher button{color:#ecf9ffb8;min-height:30px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #92d5ea47;border-radius:7px;padding:0 10px;font-size:10px}.dieline-fold-step-switcher button:hover,.dieline-fold-step-switcher button.active{color:#fff;background:#92d5ea29;border-color:#92d5ea}.dieline-action-bar{justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.dieline-action-bar strong,.dieline-action-bar small{display:block}.dieline-action-bar strong{color:var(--ink);font-size:11px}.dieline-action-bar small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.dieline-export-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.dieline-export-actions .button{min-height:33px;padding-inline:11px;font-size:10px}html[data-theme=dark] .dieline-canvas-wrap{background:#f8fafc}html[data-theme=dark] .dieline-canvas-toolbar,html[data-theme=dark] .dieline-canvas-footer,html[data-theme=dark] .dieline-dimension-details{background:#17252c}@media (width<=1080px){.dieline-view{padding:22px 20px 28px}.dieline-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.dieline-folded-card{grid-template-columns:1fr}.dieline-folded-visual{min-height:400px}.dieline-folded-copy{border-top:1px solid #6c97a82e;border-left:0;min-height:0}}@media (width<=760px){.dieline-view{padding:17px 14px 24px}.dieline-heading{align-items:start;gap:13px;display:grid}.dieline-heading .heading-actions{justify-content:space-between}.dieline-layout,.dieline-controls{grid-template-columns:1fr}.dieline-choice-row{flex-direction:column;align-items:stretch}.dieline-segmented{flex-basis:auto;width:100%}.dieline-canvas-wrap{min-height:360px;padding:9px}.dieline-svg{height:430px;min-height:330px}.dieline-canvas-toolbar small{width:100%;margin-left:0}.dieline-zoom-controls{margin-left:0}.dieline-canvas-footer{flex-direction:column;align-items:flex-start}.dieline-action-bar{flex-direction:column;align-items:stretch}.dieline-export-actions{justify-content:stretch}.dieline-export-actions .button{flex:120px;justify-content:center}}@media (width<=980px){.admin-announcement{grid-template-columns:1fr}.admin-announcement-preview{width:min(100%,520px)}}@media (width<=760px){.announcement-dialog-backdrop{padding:14px}.announcement-dialog{max-height:calc(100vh - 28px)}.announcement-cover{min-height:158px}.announcement-cover>img{height:158px}.announcement-brand-art .packora-brand-logo{width:102px;height:72px}.announcement-letter-copy{padding:22px 20px 24px}.announcement-letter-copy h1{font-size:21px}.announcement-body p{font-size:12px}.admin-announcement-editor{padding:16px}.admin-announcement-editor>header{align-items:flex-start}.announcement-cover-picker{grid-template-columns:84px minmax(0,1fr)}.announcement-cover-picker>div:first-child{width:84px}.announcement-cover-picker>button:not(.remove){grid-column:1/-1;justify-content:center;margin:0 10px 10px}.announcement-editor-toolbar button{min-height:34px}.admin-announcement-editor>footer{flex-direction:column}.admin-announcement-editor>footer button{justify-content:center}.announcement-editor-image button span{display:none}}
