:root{color:#17211d;background:#f6f7f3;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#20846f24,#0000 30%),radial-gradient(circle at 88% 0,#e15c3e1f,#0000 28%),linear-gradient(135deg,#f7f8f4 0%,#eef3ee 50%,#f7f1e8 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#17211d;cursor:pointer;background:#fff;border:1px solid #17211d1f;border-radius:8px;height:44px;min-height:44px;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s}button:hover{border-color:#20846f73;transform:translateY(-1px);box-shadow:0 10px 24px #17211d14}button.primary{color:#fff;background:linear-gradient(135deg,#20846f,#155f52);border-color:#155f52}input,select{color:#17211d;background:#ffffffeb;border:1px solid #17211d24;border-radius:8px;outline:none;width:100%;height:44px;min-height:44px;padding:10px 12px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus{border-color:#20846f;box-shadow:0 0 0 4px #20846f29}label{color:#33423b;gap:7px;font-size:13px;font-weight:700;display:grid}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card,.panel,.drop-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #17211d1a;border-radius:16px;box-shadow:0 24px 80px #17211d1f}.auth-card{grid-template-columns:minmax(0,1.1fr) 360px;gap:32px;width:min(900px,100%);padding:36px;display:grid}.auth-card>div:first-child{align-content:center;min-height:360px;display:grid}.stack{align-content:start;gap:14px;display:grid}.mode-switch{background:#eef3ee;border:1px solid #17211d1a;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.mode-switch button{box-shadow:none;background:0 0;border:0}.mode-switch .active{color:#fff;background:#17211d}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#20846f;margin:0 0 10px;font-size:12px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{color:#17211d;max-width:680px;font-size:clamp(38px,5.4vw,76px);line-height:.94}h2{font-size:22px}.topbar,.section-head,.account{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:22px}.account{background:#ffffffb8;border:1px solid #17211d1a;border-radius:12px;padding:8px}.account span{color:#33423b;padding:0 8px;font-size:13px;font-weight:800}.panel,.drop-panel{margin:18px 0;padding:20px}.controls,.channel-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.drop-panel input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.drop-target{text-align:center;cursor:pointer;background:linear-gradient(135deg,#20846f1c,#e15c3e14),#fff;border:1px dashed #20846f8c;border-radius:14px;place-items:center;min-height:170px}.drop-target strong{color:#17211d;font-size:24px;display:block}.drop-target span,.image-card span,.message{color:#5d6a63}.message{margin:12px 0;font-weight:800}.upload-list{gap:10px;margin-top:14px;display:grid}.upload-row{background:#fff;border:1px solid #17211d14;border-radius:10px;grid-template-columns:1fr 110px 180px;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:grid}meter{width:100%}.image-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px;display:grid}.image-card{background:#fff;border:1px solid #17211d1a;border-radius:14px;gap:11px;padding:10px;display:grid;box-shadow:0 12px 34px #17211d14}.image-card img{aspect-ratio:4/3;object-fit:cover;background:#eef3ee;border-radius:10px;width:100%}.image-card div{gap:3px;display:grid}.image-card strong,.upload-row span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=800px){.auth-card,.controls,.channel-form,.upload-row{grid-template-columns:1fr}.auth-card{padding:24px}.auth-card>div:first-child{min-height:auto}.topbar,.section-head,.account{flex-direction:column;align-items:flex-start}}