:root{color-scheme:dark;--bg:#0b1015;--surface:#141d23;--surface2:#18242b;--line:#30444b;--text:#eff5ef;--muted:#a7b9bd;--accent:#b7f435;font:13px/1.65 Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{min-width:320px;margin:0;background:#0b1015;color:var(--text);font:13px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b7f435;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.045em;line-height:1.12}p{color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:10px;z-index:99;background:white;color:#000;padding:8px}.skip:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(17px,4vw,54px);background:#0c1418ee;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff17}.brand{font:700 21px/1 "Space Grotesk",system-ui;letter-spacing:-.06em}.brand span{font:700 9px Inter,system-ui;color:#acc5ac;letter-spacing:.13em;padding-left:13px}.site-header nav{display:flex;gap:25px}.site-header nav a{color:#b0c3c4;font-size:11px;font-weight:600}.site-header nav a:hover{color:#c4f698}
main{max-width:1510px;margin:0 auto;padding:44px clamp(18px,4vw,58px) 85px}.eyebrow,.overline{color:#a3c9a0;font-size:10px;letter-spacing:.17em;font-weight:800}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:33px}.page-heading h1{font-size:clamp(39px,4.2vw,61px);font-weight:600;margin:12px 0}.page-heading h1 em{font-style:normal;color:#c4f58d}.page-heading p{max-width:630px;font-size:12px;line-height:1.85;margin:0}.heading-actions{display:flex;gap:8px;flex:0 0 auto}.primary,.secondary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:11px 15px;border-radius:7px;font-size:11px;font-weight:800;text-align:center}.primary{background:#c2f47e;border:1px solid #cffc9c;color:#112108}.primary:hover{background:#d9ffac}.secondary,.outline{background:#1b2930;border:1px solid #405650;color:#deebdf}.secondary:hover,.outline:hover{border-color:#83a477;color:#fff}.outline{padding:7px 11px;min-height:30px;font-size:10px}.alert,.success{padding:13px 15px;border-radius:7px;margin-bottom:16px}.alert{background:#392622;border:1px solid #77513e;color:#ffcbbb}.success{background:#203828;border:1px solid #547b51;color:#dcf9cb}
.editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.79fr);gap:22px;align-items:start}.form-pane,.preview-column{min-width:0}.form-pane{background:linear-gradient(150deg,#161f26,#111920);border:1px solid #30434b;border-radius:13px;overflow:hidden}.tabs{display:flex;overflow-x:auto;gap:0;border-bottom:1px solid #30444b;background:#10181e;scrollbar-width:thin}.tabs button{flex:1 0 auto;min-height:56px;padding:12px 13px;border:0;border-bottom:2px solid transparent;color:#9eb0b3;background:transparent;font-size:11px;font-weight:750;white-space:nowrap}.tabs button[aria-selected="true"]{background:#192a22;border-bottom-color:#b7f435;color:#dff6d1}.tabs button:hover{background:#1c2c2a}.tab-pane{padding:clamp(19px,3vw,34px);min-height:440px}.tab-pane h2{font-size:clamp(26px,2.8vw,35px);margin:9px 0 12px}.section-lead{font-size:12px;line-height:1.85;margin-bottom:26px;max-width:630px}
form label:not(.upload-drop):not(.terms):not(.rights):not(.toggle-publish):not(.visibility-list label):not(.upload-block label){display:block;margin:19px 0 7px;color:#e2efea;font-size:11px;font-weight:750}
form label small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#90a4a6;margin-left:7px}
input[type=text],input:not([type]),input[type=url],textarea,select{display:block;background:#101920;border:1px solid #3b5057;border-radius:7px;min-height:44px;width:100%;color:#eaf3ef;padding:10px 13px;resize:vertical;font-size:12px}input::placeholder,textarea::placeholder{color:#82999e}input:focus,textarea:focus,select:focus{border-color:#afd887}
.subsection{margin-top:35px;padding-top:27px;border-top:1px solid #34454c}.subsection-heading{display:flex;align-items:center;justify-content:space-between;gap:13px}.subsection h3{font-size:21px;margin:0}.subsection p{margin:8px 0 15px;font-size:11px}.social-row{display:grid;grid-template-columns:160px minmax(0,1fr) 39px;gap:8px;margin:8px 0;align-items:center}.social-row input{min-width:0}.social-row button{border:1px solid #5d5550;color:#d3bbb4;border-radius:7px;background:#272322;height:43px}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.upload-block{background:#101a21;border:1px solid #2b4148;padding:15px;border-radius:10px;min-width:0}.upload-block label{display:block;margin:0 0 10px;color:#dfe9e2;font-size:12px;font-weight:800}.upload-preview{display:grid;place-items:center;overflow:hidden;height:123px;max-width:100%;background:#20322f;border:1px dashed #66796f;border-radius:9px;color:#c1e89f;font-size:34px;text-align:center;word-break:break-word}.upload-preview.wide{font-size:9px;letter-spacing:.11em;background:linear-gradient(120deg,#2a4a41,#1b252d)}.upload-preview img{display:block;width:100%;height:100%;object-fit:cover}.upload-block input[type=file]{width:100%;margin:12px 0 4px;color:#b2c5c4;font-size:10px}.upload-block small{display:block;margin:7px 0;color:#93aab0;font-size:10px}.quiet{border:0;background:transparent;padding:5px 0;color:#d4b5a7;text-align:left;font-size:10px}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:24px}.theme-options button{background:#18252b;border:1px solid #3a4e54;border-radius:8px;color:#cadbd4;font-weight:700;font-size:11px;padding:9px;display:grid;gap:8px}.theme-options button[aria-pressed=true],.layout-options button[aria-pressed=true]{border-color:#b7f435;background:#24372a;color:#e8fbd9}.theme-preview{height:56px;border-radius:5px;border:1px solid #ffffff18;background:linear-gradient(140deg,#1d292d,#0f151a)}.theme-preview.ink{background:linear-gradient(140deg,#282a44,#0c1221)}.theme-preview.warm{background:linear-gradient(140deg,#463b32,#211a19)}.theme-preview.light{background:linear-gradient(140deg,#e7ecf0,#c2ccd0)}.palette{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:24px}.palette>button{width:35px;height:35px;border-radius:50%;background:var(--swatch);border:3px solid #19252a;box-shadow:0 0 0 1px #4b5c5d}.palette>button[aria-pressed=true]{box-shadow:0 0 0 3px #f4faf0}.custom-swatch{display:flex;align-items:center;gap:8px;margin-left:10px;color:#b8c9c7;font-size:10px;font-weight:700}.custom-swatch input{width:40px;height:34px;border:0;background:none;cursor:pointer}.layout-options{display:flex;flex-wrap:wrap;gap:9px}.layout-options button{border-radius:7px;border:1px solid #3d5159;background:#17232b;color:#c3d0d0;padding:12px 15px;font-size:11px;font-weight:700}
.portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:19px}.portfolio-item{background:#121e23;padding:10px;border:1px solid #3a4c51;border-radius:8px}.portfolio-item img{width:100%;height:140px;object-fit:cover;border-radius:6px;display:block}.portfolio-item .portfolio-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:7px}.portfolio-item span{color:#a6bbc0;font-size:10px}.portfolio-item button{border:0;background:transparent;color:#efb9a9;font-size:10px;font-weight:700}.upload-drop{display:grid;justify-items:center;gap:6px;border:1px dashed #547155;border-radius:10px;background:#1b2a24;text-align:center;padding:26px 14px;color:#d8f3d2;cursor:pointer}.upload-drop>span{font-size:34px}.upload-drop strong{font-size:13px}.upload-drop small{font-size:10px;color:#a4b9ab}.upload-drop input{display:block;max-width:230px;color:#b5c7bc;font-size:10px;margin-top:9px}.notice{font-size:11px;margin:18px 0 5px;line-height:1.8}
.visibility-list{display:grid;gap:9px}.visibility-list label,.toggle-publish,.rights{display:flex;gap:15px;align-items:flex-start;padding:16px;border-radius:8px;background:#111c22;border:1px solid #354a4f;cursor:pointer;color:#dce8e3}.visibility-list label input,.toggle-publish input,.rights input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:#b7f435}.visibility-list label strong,.toggle-publish strong{display:block;color:#e6f1e9;font-size:12px}.visibility-list label small,.toggle-publish small{display:block;margin:5px 0 0;color:#a4b5b8;font-size:11px;line-height:1.6}.toggle-publish{border-color:#5a7b56;margin-top:26px;background:#20332a}.rights{margin-top:13px;font-size:11px;line-height:1.7}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px clamp(19px,3vw,34px);background:#131e22;border-top:1px solid #34464c}.save-state{color:#a9bec0;font-size:10px;line-height:1.6;max-width:300px}
.preview-column{position:sticky;top:92px}.preview-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.preview-title #preview-state{font-size:9px;letter-spacing:.1em;color:#9cb7a0;border:1px solid #476347;padding:5px 8px;border-radius:50px}
.live-card{--card-bg:#111c23;--card-text:#ebf2ee;--card-soft:#a9bec0;--card-line:#364950;--brand:#b7f435;overflow:hidden;border-radius:13px;border:1px solid #4a5c54;background:var(--card-bg);color:var(--card-text);box-shadow:0 21px 60px #0005}.live-card.theme-ink{--card-bg:#111728;--card-text:#e8ebf9;--card-soft:#b0b4cc;--card-line:#36415b}.live-card.theme-warm{--card-bg:#251e1d;--card-text:#f7e9da;--card-soft:#cfb9a7;--card-line:#51403a}.live-card.theme-light{--card-bg:#e7edf0;--card-text:#12212c;--card-soft:#405965;--card-line:#aebdc0}
.preview-banner{position:relative;display:grid;place-items:center;height:145px;background:linear-gradient(128deg,var(--brand),#264738 85%);overflow:hidden}.preview-banner img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.preview-banner-note{position:relative;z-index:1;font-size:9px;letter-spacing:.22em;font-weight:900;color:#172423;padding:7px 11px;background:#ffffff90;border-radius:3px}.preview-core{padding:0 24px 25px}.preview-avatar{position:relative;margin-top:-34px;z-index:2;display:grid;place-items:center;width:65px;height:65px;border-radius:15px;border:4px solid var(--card-bg);background:#263e34;color:var(--brand);font:700 31px/1 "Space Grotesk",system-ui;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-core .available{display:inline-block;margin-top:14px;font-size:10px;color:var(--card-soft)}.preview-core h2{font-size:31px;color:var(--card-text);margin:9px 0 5px;overflow-wrap:anywhere}.preview-core h3{font-size:15px;color:var(--brand);margin:0 0 13px;line-height:1.4;letter-spacing:0}.preview-core p{color:var(--card-soft);font-size:12px;line-height:1.75;white-space:pre-line}.preview-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.preview-skills span{border:1px solid var(--card-line);padding:5px 9px;border-radius:5px;color:var(--card-soft);font-size:10px}.preview-divider{height:1px;background:var(--card-line);margin:22px 0}.preview-preview-title{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--card-soft);margin-bottom:9px}.preview-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-work img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.preview-work .empty{font-size:10px;color:var(--card-soft);padding:15px 4px;border:1px dashed var(--card-line);grid-column:1/-1;text-align:center}.preview-actions{display:flex;justify-content:space-between;color:var(--brand);border-top:1px solid var(--card-line);margin-top:22px;padding-top:16px;font-size:9px;font-weight:800;letter-spacing:.13em}.preview-caption{font-size:11px;margin:15px 0;color:#9aadaf;line-height:1.7}
.login-state{max-width:680px;margin:12vh auto 15vh;padding:40px;background:#131f24;border:1px solid #405c4a;border-radius:16px;text-align:center}.circle-mark{font-size:40px;color:#c5f3a4}.login-state h1{font-size:48px}.login-state p{font-size:13px;line-height:1.8}.login-state .primary{margin-top:14px}
footer{max-width:1510px;margin:auto;padding:19px clamp(18px,4vw,58px);border-top:1px solid #ffffff16;display:flex;justify-content:space-between;color:#8ba1a8;font-size:10px}
@media(max-width:1100px){.editor-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:15px}.page-heading{align-items:start}.preview-core{padding-inline:19px}.preview-core h2{font-size:25px}.upload-grid{grid-template-columns:1fr}.preview-banner{height:122px}}
@media(max-width:850px){.site-header nav a:not(:first-child){display:none}main{padding:28px 15px 50px}.page-heading{display:block}.heading-actions{margin-top:19px}.editor-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:620px;width:100%;margin:24px auto}.preview-banner{height:190px}.upload-grid{grid-template-columns:1fr 1fr}.preview-core{padding-inline:25px}}
@media(max-width:530px){.site-header{height:61px;padding-inline:13px}.brand{font-size:18px}.brand span{font-size:8px;padding-left:5px}.site-header nav a{font-size:10px}.page-heading h1{font-size:36px}.tabs button{font-size:10px;padding:12px 10px;min-height:49px}.tab-pane{padding:21px 16px;min-height:0}.tab-pane h2{font-size:28px}.form-footer{padding:17px 15px;flex-direction:column;align-items:stretch}.form-footer .primary{width:100%}.form-footer .save-state{max-width:none}.upload-grid{grid-template-columns:1fr}.theme-options{grid-template-columns:1fr 1fr}.social-row{grid-template-columns:1fr 1fr 35px}.social-row input:nth-child(2){grid-column:1/3;grid-row:2}.social-row button{grid-column:3;grid-row:1/3}.portfolio-list{gap:8px}.portfolio-item img{height:105px}footer{padding-inline:15px}footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}