*{box-sizing:border-box}body{color:#edf4ef;background:#101513;margin:0;font-family:Arial,sans-serif;font-size:16px}a{color:#96e6b4}button,.action{color:#102418;cursor:pointer;background:#a1efbc;border:0;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600}button:disabled{opacity:.5}input,textarea,select{color:#fff;width:100%;font:inherit;background:#101513;border:1px solid #506258;border-radius:7px;padding:12px}textarea{min-height:100px}label{margin-bottom:18px;display:block}label span{color:#c3d5c9;margin-bottom:8px;font-size:14px;display:block}.shell{max-width:1400px;margin:auto;padding:28px}.top{border-bottom:1px solid #354339;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.tabs button{color:#e8f5eb;background:#25352b}.tabs button.active{color:#102418;background:#a1efbc}.grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.card{background:#1b2620;border:1px solid #344a3c;border-radius:12px;margin-bottom:18px;padding:20px}.preview{height:75vh;position:sticky;top:20px}iframe{background:#fff;border:1px solid #45574b;border-radius:12px;width:100%;height:100%}img{object-fit:contain;max-width:100%;max-height:170px}.status{color:#b7ecc8;padding:12px 0}.login{max-width:560px;margin:15vh auto;padding:30px}.muted{color:#b5c6bb;line-height:1.6}@media (max-width:850px){.grid{grid-template-columns:1fr}.preview{height:65vh;position:relative}.shell{padding:18px}}.studio{background:#101513;min-height:100vh}.studio-top{z-index:5;background:#131c17;border-bottom:1px solid #354339;justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;display:flex;position:sticky;top:0}.studio-top p{margin:5px 0 0;font-size:14px}.studio-brand{letter-spacing:-1px;color:#edf4ef;font-size:24px;font-weight:800;text-decoration:none}.studio-brand span{color:#a1efbc}.secondary{color:#d4e7da;background:#26372c;border:1px solid #41584a}.save-state{color:#c2d4c7;font-size:14px}.studio-status{border-bottom:1px solid #293d30;min-height:45px;padding:12px 28px}.studio-body{grid-template-columns:190px minmax(300px,440px) minmax(350px,1fr);gap:0;display:grid}.section-nav{border-right:1px solid #293d30;padding:24px 14px}.nav-label{letter-spacing:2px;color:#92a799;margin:0 10px 20px;font-size:12px}.section-nav button{text-align:left;color:#becfc3;background:0 0;width:100%;margin-bottom:6px;padding:14px 10px;font-size:15px;font-weight:400}.section-nav button span{color:#8da393;margin-right:12px;font-size:12px;display:inline-block}.section-nav button.active{color:#b9f1ca;background:#293e31}.nav-help{color:#91a598;padding:10px;font-size:14px;line-height:1.6}.editing{border-right:1px solid #293d30;max-height:calc(100vh - 136px);padding:24px;overflow-y:auto}.edit-title h1{margin:4px 0 25px;font-size:28px}.edit-title p{letter-spacing:2px;margin:0;font-size:12px}.edit-fields{border:0;min-width:0;margin:0;padding:0}.field-card{background:#19261e;border:1px solid #314838;border-radius:12px;margin-bottom:16px;padding:18px;scroll-margin-top:120px}.field-label{color:#c5d8cb;margin-bottom:10px;font-size:14px;line-height:1.5}.selected{box-shadow:0 0 0 2px #a1efbc33;border-color:#a1efbc!important}.rich-wrap{background:#111a15;border:1px solid #3a5142;border-radius:8px;overflow:hidden}.rich-text{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:80px;padding:12px;line-height:1.6}.rich-text:focus{box-shadow:inset 0 0 0 1px #a1efbc}.format-tools{border-bottom:1px solid #2a4032;gap:6px;padding:6px;display:flex}.format-tools button{color:#ccdfd2;background:#243b2c;padding:6px 10px;font-size:14px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.photo-card{background:#19261e;border:1px solid #314838;border-radius:10px;scroll-margin-top:120px;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:135px;max-height:none;display:block}.photo-card>div{padding:12px}.photo-card strong{font-size:14px}.upload-label{color:#b9e9c7;text-align:center;cursor:pointer;border:1px solid #52715c;border-radius:7px;margin:10px 0;padding:10px;font-size:14px;display:block;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.small-title{margin-top:25px;font-size:18px}.preview-pane{background:#0b100d;min-width:0;padding:20px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.preview-toolbar>span{letter-spacing:1px;color:#a8c0b0;font-size:12px}.device-switch{background:#1c2a21;border:1px solid #314838;border-radius:8px;gap:3px;padding:4px;display:flex}.device-switch button{color:#c1d4c7;background:0 0;padding:8px 12px;font-size:14px}.device-switch button.active{color:#e1f5e7;background:#36533f}.preview-canvas{width:100%;max-width:100%;height:calc(100vh - 215px);min-height:480px;margin:0 auto;transition:max-width .25s}.preview-canvas.mobile{max-width:390px}.preview-canvas iframe{background:#101513;border-color:#425e4b}.portfolio-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-tools h2{font-size:20px}.portfolio-tools button{padding:10px;font-size:14px}.project-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.project-heading span{cursor:grab;font-size:14px}.small{padding:8px 12px;font-size:14px}.project-thumb{object-fit:cover;border-radius:8px;width:100%;height:140px;margin-bottom:12px}.empty-state{color:#bbd4c3;border:1px dashed #496751;border-radius:12px;padding:22px}.empty-state h3{font-size:18px}.empty-state p{line-height:1.6}.project-editor .toolbar{margin-top:12px}@media (max-width:1100px){.studio-body{grid-template-columns:155px minmax(280px,380px) minmax(250px,1fr)}.editing{padding:16px}.studio-top{padding:14px 18px}.save-state{display:none}}@media (max-width:850px){.studio-top{flex-wrap:wrap;position:relative}.studio-body{grid-template-columns:1fr}.section-nav{border-bottom:1px solid #293d30;border-right:0;gap:6px;padding:12px;display:flex;overflow:auto}.section-nav button{white-space:nowrap;width:auto;margin:0}.nav-label,.nav-help{display:none}.editing{max-height:none;overflow:visible}.preview-pane{padding:16px}.preview-canvas{height:650px}.studio-status{padding:12px 18px}.photo-grid{grid-template-columns:1fr 1fr}.studio-top .toolbar{gap:8px}.studio-top .toolbar button{padding:10px 12px;font-size:14px}}