body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink-700);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:var(--text-base);line-height:1.5}.edit-layout{max-width:1160px;margin:0 auto;padding:1.75rem 1.5rem;display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.75rem;align-items:start}.main-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:2rem;min-width:0}.page-title{font-size:var(--text-xl);font-weight:750;color:var(--ink-900);letter-spacing:-.035em;margin-bottom:.375rem}.page-subtitle{font-size:var(--text-base);color:var(--ink-400);margin-bottom:2rem;line-height:1.6}.config-section{margin-bottom:.25rem}.section-divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:var(--text-base);font-weight:600;color:var(--ink-700);margin-bottom:.5rem;letter-spacing:-.005em}.form-hint{display:block;font-size:var(--text-sm);color:var(--ink-400);margin-bottom:.625rem}.form-hint--success{color:var(--accent);font-weight:500}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:.25rem}.form-input{width:100%;padding:.65rem .875rem;border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-family:inherit;font-size:var(--text-base);color:var(--ink-900);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.form-input::-moz-placeholder{color:var(--ink-300)}.form-input::placeholder{color:var(--ink-300)}.form-input.input-error{border-color:var(--danger);background:var(--danger-bg)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aabe'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;cursor:pointer}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:.875rem;width:18px;height:18px;color:var(--ink-400);flex-shrink:0;pointer-events:none}.form-input--icon{padding-left:2.75rem}.btn-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;color:var(--ink-600);background:var(--surface);text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.btn-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-link svg{width:14px;height:14px}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-cancel{padding:.5rem 1.25rem;border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--text-base);font-weight:600;color:var(--ink-600);background:var(--surface);cursor:pointer;transition:all .15s;letter-spacing:-.005em;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center}.btn-cancel:hover{background:var(--ink-100);color:var(--ink-700)}.btn-submit,.btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;letter-spacing:-.01em;font-family:inherit}.btn-submit:hover,.btn-save:hover{background:var(--accent-dark);box-shadow:0 2px 10px #12b3b647}.img-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11,15,26,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:500;display:none;align-items:center;justify-content:center;padding:2rem;animation:imgModalFadeIn .22s ease}.img-modal.show{display:flex}@keyframes imgModalFadeIn{0%{opacity:0}to{opacity:1}}.modal-wrap{position:relative;animation:imgModalZoomIn .22s ease}@keyframes imgModalZoomIn{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.modal-wrap img{display:block;width:min(480px,88vw);height:min(480px,88vw);border-radius:20px;box-shadow:0 24px 64px #00000073;-o-object-fit:cover;object-fit:cover}.modal-x{position:absolute;top:-38px;right:0;width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.modal-x:hover{background:rgba(255,255,255,.12);color:#fff}.modal-x svg{width:14px;height:14px}@media (max-width: 640px){.edit-layout{grid-template-columns:1fr;padding:0;gap:0;overflow-x:hidden}.sidebar{margin:0;padding:0;background:transparent;border:none}.main-content{padding:1.25rem;border:none;border-radius:0}.page-title{font-size:var(--text-lg)}.page-subtitle{font-size:var(--text-base);margin-bottom:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-submit,.btn-save{width:100%;justify-content:center}.form-group{margin-bottom:1.25rem}.form-label{font-size:var(--text-sm)}.form-input{font-size:var(--text-md);padding:.875rem 1rem}}@media (max-width: 480px){.main-content{padding:1rem}.page-title{font-size:var(--text-lg)}.page-subtitle{font-size:var(--text-sm)}.form-input{padding:.75rem;font-size:var(--text-md)}.form-section-title{margin:1.5rem 0 1rem;padding-top:1rem}.form-section-title h2{font-size:var(--text-md)}.btn-save,.btn-cancel,.btn-submit{font-size:var(--text-base);padding:.75rem 1rem}}@media (max-width: 375px){.main-content{padding:.75rem}.page-title{font-size:var(--text-md)}.form-group{margin-bottom:1rem}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;font-size:var(--text-base);font-weight:500;z-index:9999;display:none}.dark .edit-layout{background:#13151d}.dark .edit-card{background:#1a1d27;border-color:#2a2e3a}.dark .edit-card__title{color:#e1e4ea}.dark .edit-card__desc,.dark .form-label{color:#a0a5b5}.dark .form-input,.dark .form-select,.dark .form-textarea{background:#13151d;border-color:#2a2e3a;color:#e1e4ea}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{border-color:var(--accent)}.dark .form-input::-moz-placeholder,.dark .form-textarea::-moz-placeholder{color:#4a4e5a}.dark .form-input::placeholder,.dark .form-textarea::placeholder{color:#4a4e5a}.dark .btn-secondary{background:#1a1d27;border-color:#2a2e3a;color:#a0a5b5}.dark .btn-secondary:hover{border-color:#4a4e5a;color:#e1e4ea}.dark .divider{border-color:#2a2e3a}.dark .helper-text{color:#6b7280}
