.studio-page{padding-bottom:0}.studio-main{max-width:1320px;margin:0 auto;padding:35px 5%}.studio-intro{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:27px}.studio-intro h1{font-size:46px;font-weight:550;line-height:1.08;letter-spacing:-2px;margin:12px 0}.studio-intro>p{font-size:14px;color:var(--muted);max-width:330px;line-height:1.8}.studio-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.studio-sidebar{position:sticky;top:20px;background:#fafbf5;border:1px solid var(--line);padding:16px;border-radius:12px}.studio-sidebar-head{display:flex;justify-content:space-between;align-items:center}.studio-sidebar h2{font-size:15px;letter-spacing:-.4px}.studio-sidebar h2 span{font-size:10px;color:var(--muted);margin-left:4px}.studio-sidebar>input{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px;background:white;margin:8px 0 10px}.studio-record{display:block;padding:11px 10px;text-align:left;border:1px solid transparent;border-radius:7px;width:100%;font-size:12px;margin-bottom:4px;overflow-wrap:anywhere}.studio-record strong{display:block;font-weight:600}.studio-record small{color:var(--muted);font-size:10px}.studio-record.active{border-color:#c3d0bb;background:var(--green-light)}.catalogue-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.catalogue-actions .button{font-size:11px;padding:10px;min-height:40px}.catalogue-actions p{font-size:10px;color:var(--muted);line-height:1.8;margin:4px 0}.studio-editor{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:26px 28px;border-bottom:1px solid var(--line);background:#fafbf7}.editor-heading h2{font-size:24px;letter-spacing:-.7px;margin:7px 0}.editor-heading .pill{font-size:9px}.editor-section{margin:0;padding:25px 28px 15px;border-bottom:1px solid var(--line)}.editor-section legend{float:left;width:100%;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0 0 23px}.editor-section>legend+*{clear:both}.editor-section label{display:flex;flex-direction:column;font-size:11px;font-weight:550;gap:7px;margin:0 0 16px;min-width:0}.editor-section input:not([type=checkbox]),.editor-section select,.editor-section textarea{width:100%;border:1px solid #d7dccf;background:#fcfcf8;padding:10px 12px;font-size:13px;border-radius:7px;min-height:43px;font-weight:400}.editor-section textarea{resize:vertical;min-height:80px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-three{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.editor-activities{display:flex;flex-wrap:wrap;gap:0 20px;margin-bottom:10px}.editor-activities label{display:flex;flex-direction:row;align-items:center;gap:6px;font-weight:400}.editor-activities input{width:16px;height:16px;accent-color:var(--green)}.image-editor{display:flex;gap:15px;margin:8px 0 15px;align-items:flex-start}.image-editor>img{width:145px;height:105px;border-radius:10px;object-fit:cover}.image-editor>div{flex:1;min-width:0}.image-editor .button{font-size:11px;display:inline-flex;padding:9px 13px;min-height:38px;cursor:pointer;margin-bottom:0}.image-editor .text-button{display:block;font-size:10px;margin-top:3px}.image-editor .field-hint{margin-top:1px}.coordinates-group{border:1px solid var(--line);background:#fafbf6;border-radius:9px;padding:15px 15px 0;margin:14px 0}.coordinates-group strong{display:block;font-size:12px;margin-bottom:12px}.coordinates-group input{background:white!important}.editor-footer{padding:17px 28px;display:flex;gap:10px;align-items:center;background:#f8faf3;position:sticky;bottom:0;border-top:1px solid var(--line)}.editor-footer .button{font-size:11px}.studio-bottom-note{font-size:11px;color:var(--muted);line-height:1.8;text-align:center;margin:35px auto 0;max-width:650px}#formError{margin:20px 28px 0}.studio-list-empty{font-size:12px;color:var(--muted);line-height:1.8;padding:20px 5px}.studio-page .toast{bottom:24px}.studio-editor.dirty #saveStatus{background:var(--orange-light);color:var(--orange-dark)}
@media(max-width:800px){.studio-layout{grid-template-columns:210px minmax(0,1fr);gap:17px}.editor-heading,.editor-section{padding-left:20px;padding-right:20px}.form-three{grid-template-columns:1fr}.studio-intro h1{font-size:38px}.studio-intro>p{font-size:12px;max-width:260px}.image-editor{flex-direction:column}.image-editor>img{width:100%;height:150px}.editor-footer{padding:15px 20px;flex-wrap:wrap}.form-two{gap:0 10px}}
@media(max-width:600px){.studio-main{padding:25px 20px}.studio-intro{display:block;margin-bottom:25px}.studio-intro h1{font-size:38px}.studio-intro>p{max-width:340px;font-size:12px;margin:15px 0 0}.studio-intro .eyebrow{font-size:8px}.studio-layout{grid-template-columns:1fr;gap:18px}.studio-sidebar{position:static;padding:12px 15px}.studio-sidebar-head h2{margin:5px 0}.studio-sidebar>input{margin:6px 0}.catalogue-actions{display:grid;grid-template-columns:1fr 1fr;padding-top:12px;margin-top:12px}.catalogue-actions p{grid-column:1/-1;font-size:9px}#recordList{max-height:190px;overflow:auto}.studio-list-empty{padding:10px 5px;font-size:11px}.studio-record{padding:10px}.editor-heading{padding:20px 16px}.editor-heading h2{font-size:20px}.editor-section{padding:22px 16px 13px}.form-two{grid-template-columns:1fr 1fr;gap:0 10px}.editor-section input:not([type=checkbox]),.editor-section select,.editor-section textarea{font-size:16px;padding:10px 9px}.editor-section label{font-size:10px;line-height:1.6}.editor-section legend{font-size:10px;margin-bottom:19px}.form-three{grid-template-columns:1fr}.editor-activities label{font-size:12px}.image-editor{flex-direction:row}.image-editor>img{width:100px;height:90px}.image-editor .button{font-size:10px}.image-editor .field-hint{font-size:9px!important}.coordinates-group{padding:12px 11px 0}.coordinates-group strong{font-size:11px}.editor-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:8px}.editor-footer .button{font-size:11px;flex:1}.editor-footer .icon-button{width:35px;height:44px}.studio-page .jejak-header>.button{font-size:10px;padding:9px 11px;min-height:40px}.studio-page .jejak-header>.button .icon{width:14px;height:14px}.studio-bottom-note{font-size:10px}.studio-editor .field-hint{font-size:9px!important}.studio-page .toast{bottom:20px}}