
.setup-page{background:#0c0f0f}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.setup-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.setup-back{font-size:12px;color:var(--gold)}
.setup-intro{padding:55px 0 34px}
.setup-intro h1{font-family:var(--serif);font-size:54px;font-weight:400;letter-spacing:-1.5px;margin:12px 0 13px;line-height:1.15}
.setup-intro>p:last-child{font-size:14px;color:var(--muted);margin:0}
.quick-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:42px}
.quick-steps>div{padding:25px 27px}
.quick-steps>div+div{border-left:1px solid var(--line)}
.quick-steps>div>span{font-size:10px;letter-spacing:2px;color:var(--gold)}
.quick-steps h2{font-size:15px;font-weight:500;margin:9px 0}
.quick-steps p,.sidebar-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
code{font-size:.92em;color:#e6c28b}
.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.settings-section{border:1px solid var(--line);background:#111414;padding:29px;margin-bottom:24px}
.settings-heading{margin-bottom:23px}
.settings-heading>span{font-size:9px;letter-spacing:2px;color:var(--gold)}
.settings-heading h2{font-family:var(--serif);font-size:29px;font-weight:400;margin:7px 0;letter-spacing:-.7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}
.form-grid .full{grid-column:1/-1}
.form-grid label{font-size:11px;color:#ccc6b9;display:flex;flex-direction:column;gap:7px}
input,textarea{min-width:0;width:100%;padding:11px 12px;font-size:12px;color:#f0e9dc;background:#0b0e0e;border:1px solid #313731;border-radius:2px;line-height:1.6}
input::placeholder,textarea::placeholder{color:#62695f}
textarea{resize:vertical}
.field-note{font-size:10px;line-height:1.8;color:#8d9388;margin:17px 0 0}
.top-note{margin:-9px 0 25px}
.advanced-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.advanced-settings summary{font-size:11px;color:var(--gold);cursor:pointer}
.advanced-settings .form-grid{padding-top:20px}
.project-settings-card{border-top:1px solid var(--line);padding:23px 0 27px}
.project-settings-heading{display:flex;align-items:center;gap:14px;margin-bottom:21px}
.project-settings-heading img{width:40px;height:53px;object-fit:cover;border:1px solid var(--line)}
.project-settings-heading h3{font-size:12px;letter-spacing:.7px;font-weight:500;margin:0;line-height:1.5;flex:1;overflow-wrap:anywhere}
.remove-project{background:transparent;color:#9f9184;font-size:10px;padding:6px;border:1px solid var(--line)}
.file-picker{display:inline-flex;align-items:center;justify-content:center;background:#1c221c;border:1px solid #3e4739;color:#c0b9a9;padding:9px 14px;font-size:10px;width:fit-content;cursor:pointer}
.file-picker input{width:1px;height:1px;opacity:0;position:absolute;overflow:hidden}
.file-picker:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.secondary-button{background:transparent;border:1px solid #625539;padding:11px 18px;color:var(--gold);font-size:12px}
.secondary-button:hover{background:#272318}
.save-bar{padding:4px 0 20px}
.save-bar .button{font-size:13px;gap:28px}
.reset-button{background:transparent;color:#8e9588;font-size:11px;padding:15px;margin-left:15px}
#setup-status{color:var(--gold);font-size:12px;line-height:1.8;min-height:2em;margin:17px 0 0}
.setup-sidebar{position:sticky;top:25px}
.sidebar-card{padding:25px;border:1px solid var(--line);margin-bottom:22px;background:#0e1211}
.sidebar-card .eyebrow{font-size:8px;letter-spacing:2px}
.sidebar-card h2{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.25;margin:13px 0 16px}
.sidebar-card pre{font-size:10px;line-height:1.9;color:#bbb6a8;margin:22px 0;overflow:auto}
.sidebar-card p{font-size:11px;margin-bottom:13px}
.sidebar-card p:last-child{margin-bottom:0}
.setup-footer{border-top:1px solid var(--line);font-size:10px;color:#7c8476;padding:24px 0 35px;margin-top:30px}
@media(max-width:950px){.setup-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.settings-section{padding:23px}.sidebar-card{padding:20px}.quick-steps>div{padding:21px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.setup-header{padding:25px 0}.setup-back{font-size:10px}.setup-header .brand-name{font-size:15px;letter-spacing:4px}.setup-intro{padding-top:35px}.setup-intro h1{font-size:37px;letter-spacing:-1px}.setup-intro>p:last-child{font-size:12px;line-height:1.8}.quick-steps{grid-template-columns:1fr;margin-bottom:28px}.quick-steps>div{padding:20px}.quick-steps>div+div{border-left:0;border-top:1px solid var(--line)}.quick-steps h2{font-size:14px}.quick-steps p{font-size:11px}.setup-layout{grid-template-columns:minmax(0,1fr)}.setup-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:0}.settings-section{padding:21px}.settings-heading h2{font-size:26px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid .full{grid-column:auto}.reset-button{display:block;margin:10px 0 0;padding-left:0}.file-picker{font-size:9px}.project-settings-heading h3{font-size:11px}.remove-project{font-size:9px}.save-bar .button{width:100%}.setup-footer{font-size:9px}}
