.phase-tabs{display:flex;gap:8px;margin-bottom:0}.phase-tabs button{transition:background-color .15s,color .15s,box-shadow .15s,transform .15s}.phase-tabs button:not(.selected){background:#fff!important;color:var(--station-ink,#b65c80)!important;border:1px solid var(--station-line,#edbfd0)!important;box-shadow:none!important}.phase-tabs button.selected{background:var(--station-ink,#e58bab)!important;color:#fff!important;border:1px solid var(--station-ink,#e58bab)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--station-ink,#e58bab) 22%,transparent)!important;transform:translateY(-1px)}.phase-tabs button.selected:before{content:'✓ ';font-weight:900}.phase-preview{display:grid;gap:12px;margin:8px 0}.phase-item{padding:14px;border:1px solid #f0cede;border-radius:15px;background:#fff}.phase-item.invalid{background:#fff6f7}.phase-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.phase-item textarea{height:auto;min-height:62px;max-height:none}.phase-results{display:grid;gap:8px}.phase-result{padding:9px 11px;border-radius:10px;background:#fff}.phase-result.success{border-left:4px solid #79bd8b}.phase-result.duplicate{border-left:4px solid #e3b070}.phase-result.invalid,.phase-result.failed{border-left:4px solid #df7894}.phase-result button{margin-left:8px;padding:5px 8px}.phase-bulk{padding:10px;background:#fff6fa;border:1px solid #f0d1de;border-radius:12px;margin-bottom:10px}.phase-check{display:inline-flex;align-items:center;margin:0 0 9px;font-size:13px}.phase-check input{width:auto;margin-right:5px}.history-timeline{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.history-step{font-size:12px;padding:5px 9px;border-radius:999px;background:#f8e7ee;color:#a16c82}.history-step.done{background:#e6f4ea;color:#4c8a5d}
#submit .submit-mockup:has(#phaseSubmit){height:auto;min-height:0;overflow:hidden}#submit .submit-card:has(#phaseSubmit){height:auto;min-height:0;max-height:none;overflow:visible}
@media(min-width:701px){#submit .submit-mockup:has(>.submit-art):has(#phaseSubmit){padding-top:36.3%;padding-bottom:clamp(16px,2vw,26px)}#submit .submit-mockup:has(>.submit-art)>.submit-card:has(#phaseSubmit){position:relative;inset:auto;width:70.8%;max-width:860px;margin:0 0 0 6.1%;min-height:0}body:has(.station-hero) #submit .submit-mockup:has(#phaseSubmit){align-items:start}body:has(.station-hero) #submit .submit-card:has(#phaseSubmit){min-height:0}}
@media(max-width:630px){.phase-item-head{align-items:flex-start}.phase-bulk{position:sticky;top:0;z-index:2}}
.session-device-panel{margin-top:24px;padding-top:18px;border-top:1px solid var(--station-line,#f2d4e3)}.session-device-panel h2{margin:0}.session-device-list{display:grid;gap:10px;margin:12px 0}.session-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--station-line,#f0d5e1);border-radius:14px;background:#fff}.session-device-info{min-width:0}.session-device-info strong,.session-device-info span{display:block}.session-device-info span{margin-top:5px;font-size:12px;color:#927887;overflow-wrap:anywhere}.session-device-current{display:inline-block!important;width:max-content;margin-top:5px;padding:2px 7px;border-radius:99px;background:#e6f4ea;color:#4c8a5d!important;font-weight:700}.session-device-actions{display:flex;gap:8px;flex-wrap:wrap}.session-device-actions button,.session-device>button{font-size:12px;padding:7px 10px}@media(max-width:630px){.session-device{align-items:flex-start;flex-direction:column}.session-device>button{align-self:flex-end}}
.session-password{margin-top:18px;padding:16px;border:1px solid var(--station-line,#f0d5e1);border-radius:14px;background:#fff}.session-password h3{margin:0 0 10px}.session-password label{font-size:13px}.session-password button{margin-top:12px}