.multi-panel-grid{display:grid;grid-template-columns:320px 1fr 340px;gap:20px;align-items:start}@media (max-width: 1024px){.multi-panel-grid{grid-template-columns:1fr}}.creator-layout-container{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.creator-layout-container{grid-template-columns:1fr}}.creator-sidebar{display:flex;flex-direction:column;gap:15px;position:sticky;top:20px}.creator-main-panel{display:flex;flex-direction:column;gap:15px;min-width:0}.creator-nav-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius-sm);padding:14px 16px;cursor:pointer;transition:all .25s ease;position:relative;box-shadow:var(--card-shadow)}.creator-nav-card:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.creator-nav-card.active{border-color:var(--accent-blue);background:#3b82f60f;box-shadow:0 0 18px #3b82f633}.creator-nav-card.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--accent-blue);border-radius:0 4px 4px 0}.creator-steps-nav{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;padding-right:4px}.creator-step-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--border-radius-sm);border:1.5px solid var(--card-border);background:var(--card-bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.creator-step-row:hover{border-color:var(--accent-cyan);background:var(--card-bg-subtle)}.creator-step-row.active{border-color:var(--accent-cyan);background:#0284c714;box-shadow:0 0 12px #0284c72e}.creator-step-row.dragging{opacity:.45;transform:scale(.98);border-style:dashed}.creator-step-row.drag-over{border:2px dashed var(--accent-blue);background:#3b82f626;transform:translateY(2px)}.drag-handle{cursor:grab;font-size:1.1em;color:var(--text-muted);padding:2px 6px;border-radius:4px;transition:color .2s ease,background .2s ease}.drag-handle:hover{color:var(--accent-blue);background:#3b82f61a}.drag-handle:active{cursor:grabbing}.color-picker-group{display:flex;align-items:center;gap:8px}.color-picker-input{width:42px;height:42px;padding:2px;border:1.5px solid var(--card-border);border-radius:10px;cursor:pointer;background:var(--card-bg);transition:transform .2s ease,border-color .2s ease;flex-shrink:0}.color-picker-input:hover{transform:scale(1.05);border-color:var(--accent-blue)}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:7px}.color-picker-input::-moz-color-swatch{border:none;border-radius:7px}.admin-form-card,.step-editor-card{background:var(--card-bg, #ffffff);border:1.5px solid var(--card-border, #e2e8f0);border-radius:var(--border-radius-md, 16px);padding:20px;margin-bottom:20px;position:relative;box-shadow:0 4px 16px #00000008;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.admin-form-card:hover,.step-editor-card:hover{border-color:var(--card-border-hover, #cbd5e1);box-shadow:0 8px 24px #0000000f}.admin-form-card.accent-blue{border-left:5px solid var(--accent-blue, #3b82f6)}.admin-form-card.accent-cyan{border-left:5px solid var(--accent-cyan, #06b6d4)}.admin-form-card.accent-gold{border-left:5px solid var(--accent-gold, #f59e0b)}.admin-form-card.accent-purple{border-left:5px solid var(--accent-purple, #a855f7)}.admin-form-card.accent-green{border-left:5px solid var(--accent-green, #10b981)}.admin-form-card.accent-red{border-left:5px solid var(--accent-red, #ef4444)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1.5px solid var(--card-border, rgba(226, 232, 240, .8))}.admin-card-header h3,.admin-card-header h4{margin:0;font-size:1.1em;font-weight:800;display:flex;align-items:center;gap:8px}#panel-creator input[type=text],#panel-creator input[type=number],#panel-creator input[type=url],#panel-creator input[type=password],#panel-creator select,#panel-creator textarea,.step-editor-card input[type=text],.step-editor-card input[type=number],.step-editor-card input[type=url],.step-editor-card input[type=password],.step-editor-card select,.step-editor-card textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--card-border, #cbd5e1);background:var(--card-bg, #ffffff);color:var(--text-primary, #1e293b);font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.4;box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1)}#panel-creator input:focus,#panel-creator select:focus,#panel-creator textarea:focus,.step-editor-card input:focus,.step-editor-card select:focus,.step-editor-card textarea:focus{outline:none;border-color:var(--accent-blue, #3b82f6);box-shadow:0 0 0 3px #3b82f626;background:#fff}#panel-creator label,.step-editor-card label{font-size:.88rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:5px;display:flex;align-items:center;gap:6px}.field-help-text{font-size:.8rem;color:var(--text-secondary, #64748b);display:block;margin-top:4px;line-height:1.4;font-weight:500}.field-help-text.accent-blue{color:var(--accent-blue)}.field-help-text.accent-cyan{color:var(--accent-cyan)}.field-help-text.accent-gold{color:var(--accent-gold)}.field-help-text.accent-purple{color:var(--accent-purple)}.field-help-text.accent-green{color:var(--accent-green)}.field-help-text.accent-red{color:var(--accent-red)}.story-material-row,.step-material-row,.material-editor-item{display:flex;flex-direction:column;gap:8px;background:var(--card-bg-subtle, #f8fafc);border:1.5px solid var(--card-border, #e2e8f0);border-radius:12px;padding:12px 14px;margin-bottom:10px;transition:all .2s ease}.material-editor-row-1{display:flex;align-items:center;gap:8px;width:100%}@media (max-width: 768px){.material-editor-row-1{flex-wrap:wrap}}.step-hint-row{display:flex;align-items:center;gap:10px;background:var(--card-bg-subtle, #f8fafc);border:1.5px solid var(--card-border, #e2e8f0);border-radius:12px;padding:10px 14px;margin-bottom:10px;transition:all .2s ease}.story-material-row:hover,.step-material-row:hover,.material-editor-item:hover,.step-hint-row:hover{border-color:var(--accent-blue, #3b82f6);box-shadow:0 2px 8px #0000000a}.story-material-row select.material-type-select,.step-material-row select.material-type-select,.material-editor-item select.material-type-select{width:135px!important;max-width:135px!important;flex-shrink:0!important;padding:7px 10px!important;font-size:.85rem!important;margin-bottom:0!important}.story-material-row select.material-visibility-select,.step-material-row select.material-visibility-select,.material-editor-item select.material-visibility-select{width:175px!important;max-width:175px!important;flex-shrink:0!important;padding:7px 10px!important;font-size:.85rem!important;margin-bottom:0!important}.story-material-row input.material-label-input,.step-material-row input.material-label-input,.material-editor-item input.material-label-input{width:0!important;flex-grow:1!important;min-width:120px!important;padding:7px 12px!important;font-size:.88rem!important;margin-bottom:0!important}.story-material-row input.material-url-input,.step-material-row input.material-url-input,.material-editor-item input.material-url-input{width:100%!important;padding:7px 12px!important;font-size:.85rem!important;margin-bottom:0!important}.material-editor-item .btn-preview-material,.material-editor-item .btn-remove-material{flex-shrink:0!important;white-space:nowrap!important}.step-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1.5px solid var(--card-border, #e2e8f0)}.step-num-title{font-size:1.15rem;font-weight:800;color:var(--accent-blue, #3b82f6);margin:0;display:flex;align-items:center;gap:8px}.admin-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width: 768px){.admin-grid-2col,.admin-grid-3col{grid-template-columns:1fr}}.admin-section-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--text-secondary);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-section-divider:before,.admin-section-divider:after{content:"";flex-grow:1;height:1px;background:var(--card-border, rgba(255, 255, 255, .08))}.location-picker-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f19bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.location-picker-card{background:var(--card-bg, #1e293b);border:1.5px solid var(--card-border, #334155);border-radius:var(--border-radius, 20px);width:100%;max-width:780px;max-height:94vh;display:flex;flex-direction:column;gap:12px;padding:20px;box-shadow:0 20px 50px #00000080;position:relative}.location-picker-map-container{height:380px;width:100%;border-radius:var(--border-radius-sm, 12px);border:1px solid var(--card-border, #334155);overflow:hidden;background:#111827}.main-header .user-profile-badge,.console-header .user-profile-badge{height:42px;min-height:42px;padding:4px 14px 4px 6px;font-size:.82rem;border:1.5px solid var(--card-border, #cbd5e1);box-shadow:0 4px 12px #0000000d;background:var(--card-bg, #ffffff)}