/* Creation inherits Integrity's smoked-glass material and typography. */
#view-creation{padding-bottom:36px}
#view-creation .page-heading{margin-bottom:0}
#view-creation .page-heading h1{font:400 clamp(32px,3.5vw,54px)/1.15 var(--sans);letter-spacing:-.055em;text-transform:none}
#view-creation .page-actions .outline-button{width:auto;min-width:0;flex:0 0 auto;height:auto;min-height:40px;gap:14px;padding:10px 16px;overflow:visible;white-space:nowrap}
#view-creation .page-actions .outline-button span{display:inline}
.creation-health{display:inline-flex;align-items:center;gap:8px;color:#bec8d9;font-size:12px}
.creation-health:before,.creation-live-dot{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#9bc1b4;box-shadow:0 0 12px #9bc1b433}
.creation-eyebrow{font-size:10px;letter-spacing:.16em;color:#a4b1c6;font-weight:500}
#view-creation h2,.creation-detail h2{font:400 23px/1.3 var(--sans);letter-spacing:-.035em;margin:8px 0 0;text-transform:none}
#view-creation h3{font:400 14px/1.4 var(--sans);letter-spacing:0;margin:0;text-transform:none}
.creation-muted{font:400 11px/1.6 var(--sans);color:#a9b5c8}
.creation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px;padding:4px 0}
.creation-summary>div{padding:0 28px;border-right:1px solid #d9e5fa25;display:grid;gap:5px}
.creation-summary>div:first-child{padding-left:2px}.creation-summary>div:last-child{border:0}
.creation-summary span{font-size:12px;color:#bcc7da}.creation-summary strong{font:400 38px/1.2 var(--sans);letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:#e9edf7}.creation-summary small{font-size:11px;color:#a9b5c8}
.creation-workspace{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.4fr);overflow:hidden}
.creation-setup{padding:28px;border-right:1px solid #e1e9ff25;display:grid;align-content:start;gap:16px}
.creation-setup>header{margin-bottom:8px}.creation-setup>header p{font-size:11px;color:#9faec5;margin:8px 0 0}
.creation-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
#view-creation label,.creation-detail label{display:grid;gap:8px;color:#bdc8dc;font:400 12px/1.45 var(--sans);min-width:0}
#view-creation label small{font-size:10px;color:#9facc2;line-height:1.5}
#view-creation input[type=date]{color-scheme:dark;min-width:0;max-width:100%}
.creation-section-title{display:flex;align-items:center;gap:10px;margin-top:8px}.creation-section-title span{font-size:10px;color:#8d9bb2;font-variant-numeric:tabular-nums}
.creation-setup .creation-muted{margin:0}.creation-section-title:not(:first-of-type){padding-top:17px;border-top:1px solid #d9e5fa1c}
.creation-budget{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #d9e5fa20;padding-top:18px}.creation-budget span{font-size:12px;color:#d8dfed}.creation-budget b{font-weight:500}.creation-budget small{font-size:10px;line-height:1.5;color:#a4b1c6;max-width:110px;text-align:right}
#creation-start{width:100%;justify-content:space-between;padding:12px 20px}.creation-launch-note{font-size:10px;text-align:center;line-height:1.6}
.creation-monitor{min-width:0;display:flex;flex-direction:column}.creation-monitor>header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;gap:12px}
.creation-monitor-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 28px 18px;border-bottom:1px solid #d9e5fa20}
.creation-filters{display:flex;gap:3px;border:1px solid #dce8ff22;border-radius:24px;padding:3px;background:#10182540}
.creation-filters button{border:0;border-radius:20px;min-height:34px;padding:8px 12px;font:400 11px/1.4 var(--sans);color:#a9b5c8;background:transparent;white-space:nowrap}
.creation-filters button[aria-pressed=true]{color:#eef0f8;background:linear-gradient(135deg,#eef2ff25,#d0c5ef10);box-shadow:inset 0 1px #fff3}
.creation-empty{display:flex;flex:1;min-height:420px;align-items:center;justify-content:center;flex-direction:column;padding:40px 24px;text-align:center}
.creation-empty-symbol{display:grid;place-items:center;width:78px;height:78px;margin-bottom:22px;color:#bdc8db;border:1px solid #e1e9fa35;border-radius:25px;background:linear-gradient(135deg,#eff5ff17,#ccd5ec08);box-shadow:inset 0 1px #fff4,0 14px 40px #0002;transform:rotate(-7deg)}
.creation-empty-symbol svg{width:44px;height:44px;transform:rotate(7deg)}
#view-creation .creation-empty h3{font-size:18px;letter-spacing:-.03em;color:#dce4f2}.creation-empty p{font-size:12px;line-height:1.8;color:#a4b1c6;margin:12px 0 24px}
.creation-monitor-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:20px 28px;border-top:1px solid #d9e5fa17;font-size:10px;color:#9faec5}
.creation-jobs{max-height:650px;overflow:auto}.creation-job{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:20px 28px;border-bottom:1px solid #d9e5fa17}.creation-job b{display:block;font:400 13px/1.5 var(--sans);color:#e0e6f2;overflow-wrap:anywhere}.creation-job small{display:block;font-size:11px;color:#a5b2c8;line-height:1.5;margin-top:5px}.creation-job button{min-height:38px}
.creation-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:400 10px/1.4 var(--sans);padding:5px 9px;border:1px solid #dce8ff26;background:#dce8ff08;border-radius:20px;color:#bdc8dc}.creation-badge.verified{color:#b7dfcf;border-color:#abd3bf36;background:#a5d0bc0b}.creation-badge.kyc_error{color:#dfc6a3;border-color:#dfc6a338;background:#dfc6a30c}.creation-badge.failed,.creation-badge.interrupted{color:#e3b5ba;border-color:#e3b5ba35;background:#e3b5ba0a}.creation-badge.running,.creation-badge.waiting_code{color:#c8c3ee;border-color:#c8c3ee3a;background:#c8c3ee10}
.creation-connections{padding:28px;margin-bottom:30px}.creation-connections>header,.creation-service-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.creation-connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.creation-connections-grid>div{display:grid;align-content:start;gap:16px}.creation-connections-grid>div+div{border-left:1px solid #d9e5fa25;padding-left:28px}.creation-connections-grid>footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d9e5fa25;padding-top:20px}.creation-service-heading{margin:0}.creation-service-state{font-size:10px;color:#aebbd0}.creation-service-state.connected{color:#b7d7c8}.creation-connections p{margin:0}.creation-connections button{justify-self:start}
.creation-message,.creation-form-error{border:1px solid #d2bd9e40;background:#d2bd9e09;border-radius:14px;padding:12px 16px;color:#dfccae;font-size:12px;line-height:1.6}.creation-message{margin-bottom:20px}.creation-message.success{color:#bdd8ca;border-color:#bdd8ca35}
.creation-detail{color:#e8edf7;width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #e1e9ff45;border-radius:26px;background:linear-gradient(135deg,#b5c1d91c,#99a3b70b),#151d2beb;box-shadow:inset 0 1px #ffffff40,0 30px 100px #0008;backdrop-filter:blur(35px);padding:28px}.creation-detail::backdrop{background:#04070c99;backdrop-filter:blur(8px)}.creation-detail>header{display:flex;justify-content:space-between;gap:20px;align-items:center}.creation-detail h2{overflow-wrap:anywhere}.creation-detail button{cursor:pointer;border:1px solid #dce8ff35;border-radius:22px;background:#e5eaff12;color:#e8edf7;padding:10px 16px;font:400 12px/1.4 var(--sans)}.creation-detail button:focus-visible,.creation-detail input:focus-visible{outline:2px solid #bdb9e6;outline-offset:3px}.creation-detail ol{list-style:none;margin:22px 0;padding:0;max-height:280px;overflow:auto}.creation-detail li{display:grid;grid-template-columns:62px 1fr;gap:14px;border-top:1px solid #d9e5fa1b;padding:12px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.creation-detail time{color:#9facc2;font-size:10px}.creation-detail footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #d9e5fa25;padding-top:20px}.creation-detail-summary{padding-top:18px;font-size:12px;line-height:1.7;color:#bfcbdf}.creation-detail form{display:flex;align-items:end;gap:14px;margin:20px 0}.creation-detail form label{flex:1}.creation-detail input{width:100%;background:#10172580;color:#eef0f6;border:1px solid #e1e9fa38;border-radius:13px;min-height:44px;padding:10px 14px;font-size:18px;letter-spacing:.2em}.creation-detail [hidden]{display:none!important}#creation-detail-error{color:#e4b8bd;font-size:12px}
@media(max-width:1100px){.creation-workspace{grid-template-columns:minmax(300px,.85fr) minmax(0,1fr)}.creation-job{gap:9px;padding:18px}.creation-job button{grid-column:2;grid-row:2}.creation-job>div{grid-row:1/span 2}.creation-monitor-tools{flex-wrap:wrap}.creation-setup{padding:22px}.creation-monitor>header{padding:22px}}
@media(max-width:800px){.creation-workspace{grid-template-columns:1fr}.creation-setup{border-right:0;border-bottom:1px solid #e1e9ff25}.creation-empty{min-height:320px}.creation-summary>div{padding:0 16px}.creation-summary strong{font-size:32px}.creation-connections-grid{grid-template-columns:1fr}.creation-connections-grid>div+div{border-left:0;border-top:1px solid #d9e5fa25;padding:24px 0 0}.creation-job{grid-template-columns:minmax(0,1fr) auto auto}.creation-job button{grid-column:auto;grid-row:auto}.creation-job>div{grid-row:auto}}
@media(max-width:500px){.creation-summary{grid-template-columns:1fr 1fr;gap:22px 0}.creation-summary>div:nth-child(2){border-right:0}.creation-summary>div:nth-child(3){padding-left:2px}.creation-summary small{font-size:10px}.creation-connections{padding:20px}.creation-connections>header{align-items:start}.creation-connections>header>.creation-muted{max-width:110px;text-align:right}.creation-connections-grid>footer{align-items:start;flex-direction:column}.creation-job{grid-template-columns:minmax(0,1fr) auto}.creation-job button{grid-column:2;grid-row:2}.creation-job>div{grid-row:1/span 2}.creation-pair{gap:10px}.creation-detail{padding:20px}.creation-detail form{flex-direction:column;align-items:stretch}.creation-health{display:none}}

#creation-manual-fields[hidden],#creation-capacity[hidden]{display:none!important}
