:root{--ink:#171716;--paper:#f3f0e9;--white:#fffefa;--orange:#ff5c2a;--muted:#77736c;--line:#dfdbd3;--display:"Space Grotesk",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--body)}.studio-header{height:78px;padding:0 max(28px,calc((100vw - 1350px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}.studio-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:700 10px var(--display);letter-spacing:1.4px}.brand-mark{font:700 25px var(--display);letter-spacing:-3px}.brand-mark span{color:var(--orange)}.studio-brand small{display:block;font:500 8px var(--body);letter-spacing:1.5px;color:#aaa;margin-top:4px}.header-actions{display:flex;align-items:center;gap:25px}.view-link{font-size:11px;color:#ccc;text-decoration:none}.view-link:hover{color:var(--orange)}.button{border:0;cursor:pointer;font:700 11px var(--body);padding:13px 17px;display:inline-flex;align-items:center;gap:18px;text-decoration:none;white-space:nowrap}.button-dark{background:var(--orange);color:white}.button-dark:hover{background:#eb4c1d}.button-outline{border:1px solid var(--ink);color:var(--ink);background:transparent}.button-outline:hover{background:var(--ink);color:white}.button-large{padding:17px 22px}.studio-layout{width:min(1300px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:285px minmax(0,1fr);gap:80px;padding:65px 0 90px}.studio-intro{position:sticky;top:30px;align-self:start}.overline{font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:700}.studio-intro h1{font:700 62px/.94 var(--display);letter-spacing:-4px;margin:22px 0}.studio-intro h1 em{font-style:normal;color:var(--orange)}.studio-intro>p{color:var(--muted);font-size:12px;line-height:1.9;max-width:260px}.steps{margin-top:45px;border-top:1px solid var(--line)}.step{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);align-items:start}.step>b{font:600 12px var(--display);color:var(--orange);padding-top:2px}.step>span{font:700 11px var(--display)}.step small{display:block;font:400 10px var(--body);color:var(--muted);margin-top:4px}.tip-box{display:flex;gap:12px;background:#e9e3d8;padding:15px;margin-top:38px}.tip-box>span{color:var(--orange);font-size:20px}.tip-box p{font-size:10px;line-height:1.7;color:#68645d;margin:0}.tip-box b{color:var(--ink)}.editor-main{min-width:0}.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.editor-heading h2{font:700 29px var(--display);letter-spacing:-1px;margin:8px 0 5px}.editor-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.required-note{font-size:8px;letter-spacing:1.2px;color:var(--muted);padding-bottom:4px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:10px;font-weight:700}.field>span i{font-style:normal;color:var(--orange)}.field>span small{font-size:9px;font-weight:400;color:var(--muted);margin-left:7px}.field input:not([type=file]),.field textarea{width:100%;border:1px solid var(--line);background:var(--white);padding:13px 14px;border-radius:0;color:var(--ink);font:12px var(--body);outline:none;resize:vertical;transition:border .2s}.field input:focus,.field textarea:focus{border-color:var(--orange)}.field textarea{line-height:1.7}.upload-control{border:1px dashed #c7c1b7;background:#eeeae2;min-height:65px;display:flex;align-items:center;gap:13px;padding:11px 14px;cursor:pointer}.upload-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:19px}.upload-control b{display:block;font-size:10px}.upload-control small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.upload-control input{display:none}.social-heading{margin-top:45px}.social-grid{margin-bottom:63px}.projects-heading{border-top:1px solid var(--line);padding-top:39px;margin-bottom:22px}.projects-heading h2{font-size:32px}.projects-heading .button{margin-bottom:3px}.projects-editor{display:flex;flex-direction:column;gap:13px}.project-edit-card{background:var(--white);border:1px solid var(--line);padding:16px;display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:16px;align-items:start}.project-thumb{width:90px;height:105px;background:#e8e3da;position:relative;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb span{position:absolute;inset:0;display:grid;place-items:center;font:700 9px var(--display);color:#777}.project-edit-fields{display:grid;grid-template-columns:1fr 150px;gap:9px}.project-edit-fields input,.project-edit-fields select,.project-edit-fields textarea{min-width:0;width:100%;border:1px solid var(--line);background:#fff;padding:10px 11px;font:10px var(--body);outline:none;color:var(--ink)}.project-edit-fields textarea{grid-column:1/-1;resize:vertical;min-height:47px}.project-edit-fields input:focus,.project-edit-fields select:focus,.project-edit-fields textarea:focus{border-color:var(--orange)}.project-tools{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mini-upload{border:1px solid var(--line);background:#f5f2eb;padding:8px 10px;font:600 9px var(--body);cursor:pointer}.mini-upload:hover{border-color:var(--orange)}.mini-upload input{display:none}.asset-label{font-size:8px;color:var(--muted)}.remove-project{border:0;background:transparent;color:#9b6556;font:600 9px var(--body);cursor:pointer;padding:6px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:31px}.status-line{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:9px;line-height:1.5}.status-dot{width:7px;height:7px;border-radius:50%;background:#56a36f;flex:0 0 auto}.preview-card{margin-top:35px;background:var(--ink);color:var(--paper);padding:23px 25px}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top .overline{color:#a8a39a}.preview-tag{font-size:7px;letter-spacing:1.5px;color:var(--orange);border:1px solid #6f3b2b;padding:5px 7px}.preview-profile{display:flex;align-items:center;gap:13px;margin-top:26px}.preview-avatar{width:48px;height:48px;background:var(--orange);color:white;border-radius:50%;display:grid;place-items:center;font:700 16px var(--display)}.preview-profile h3{font:700 17px var(--display);margin:0 0 4px}.preview-profile p{color:#aaa69d;font-size:9px;margin:0}.preview-tagline{font:600 20px var(--display);margin:23px 0 25px;max-width:400px}.preview-bottom{border-top:1px solid #484640;padding-top:13px;display:flex;gap:22px;flex-wrap:wrap;color:#aaa69d;font-size:7px;letter-spacing:1.3px}.studio-footer{background:#e8e3db;border-top:1px solid var(--line);padding:20px max(28px,calc((100vw - 1350px)/2));display:flex;justify-content:space-between;gap:15px;font-size:8px;font-weight:700;letter-spacing:1.3px;color:var(--muted)}.studio-footer a{color:var(--ink);text-decoration:none}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;padding:14px 18px;font-size:11px;z-index:20;box-shadow:0 8px 25px #0002}.toast.error{background:#8d2d20}@media(max-width:980px){.studio-layout{grid-template-columns:220px minmax(0,1fr);gap:38px}.studio-intro h1{font-size:53px}.project-edit-card{grid-template-columns:75px minmax(0,1fr) auto;gap:12px}.project-thumb{width:75px;height:93px}.project-edit-fields{grid-template-columns:1fr 125px}}@media(max-width:700px){.studio-header{height:68px;padding:0 16px}.header-actions{gap:10px}.view-link{display:none}.button{font-size:9px;padding:11px 12px}.studio-layout{width:calc(100% - 32px);display:block;padding:33px 0 65px}.studio-intro{position:static}.studio-intro h1{font-size:49px;margin:13px 0}.studio-intro>p{max-width:540px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.step{gap:8px;padding:13px 5px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step>span{font-size:9px}.step small{font-size:8px}.tip-box{margin-top:20px}.editor-main{margin-top:48px}.editor-heading h2{font-size:25px}.profile-grid{gap:14px 10px}.field input:not([type=file]),.field textarea{padding:12px 10px;font-size:11px}.social-heading{margin-top:35px}.social-grid{margin-bottom:48px}.projects-heading{align-items:start;flex-direction:column}.projects-heading .button{align-self:flex-start}.project-edit-card{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:11px}.project-thumb{width:58px;height:77px}.project-edit-fields{grid-column:2;grid-template-columns:1fr 110px}.project-tools{gap:7px}.editor-bottom{align-items:stretch;flex-direction:column}.button-large{justify-content:center}.preview-card{padding:20px}.studio-footer{padding:18px 16px;flex-wrap:wrap}.studio-footer span:nth-child(2){display:none}}@media(max-width:420px){.profile-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.project-edit-card{grid-template-columns:1fr}.project-thumb{display:none}.project-edit-fields{grid-column:1}.steps{gap:2px}.step{display:block}.step>b{display:block;margin-bottom:7px}}

.import-label{font-size:10px;color:#ccc;cursor:pointer;border:1px solid #57544f;padding:11px 12px}.import-label:hover{color:var(--orange);border-color:var(--orange)}.import-label input{display:none}.button:disabled{opacity:.55;cursor:wait}
