.world-builder-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;padding:20px 24px;max-width:1500px;margin:0 auto;height:calc(100vh - 70px)}.sidebar{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{color:var(--color-gold);font-size:16px;font-family:var(--font-display);margin:0}.sync-indicator{font-size:11px;color:var(--color-text-secondary);display:none}.sync-indicator.sync-syncing{display:inline;color:var(--color-accent)}.sync-indicator.sync-saved{display:inline;color:var(--color-green)}.sync-indicator.sync-error{display:inline;color:var(--color-red)}.sidebar-add{width:28px;height:28px;border-radius:50%;background-color:var(--color-accent);color:var(--color-text-bright);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed)}.sidebar-add:hover{background-color:var(--color-accent-hover)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--color-border)}.sidebar-tab{flex:1;padding:10px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:0.5px;background:none;border-top:none;border-left:none;border-right:none;transition:color var(--transition-speed),border-color var(--transition-speed)}.sidebar-tab:hover{color:var(--color-text-primary)}.sidebar-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.sidebar-list{flex:1;overflow-y:auto;padding:8px}.sidebar-item{padding:10px 12px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:4px;border:1px solid transparent;transition:background-color var(--transition-speed),border-color var(--transition-speed);display:flex;align-items:center;gap:8px}.sidebar-item:hover{background-color:rgba(255,255,255,0.03)}.sidebar-item-delete{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;font-size:14px;width:24px;height:24px;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1;transition:all var(--transition-speed);margin-left:auto}.sidebar-item:hover .sidebar-item-delete{display:flex}.sidebar-item-delete:hover{background:var(--color-red);border-color:var(--color-red);color:#fff}.sidebar-item.selected{background-color:var(--color-bg-card);border-color:var(--color-gold)}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-name{font-size:14px;font-weight:bold;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-type{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.5px}.sidebar-item-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.sidebar-empty{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:13px}.editor-panel{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-y:auto;padding:24px}.editor-empty{text-align:center;padding:80px 40px;color:var(--color-text-secondary)}.editor-empty-icon{font-size:64px}.editor-empty h3{color:var(--color-gold);font-family:var(--font-display)}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.editor-title-input{background-color:transparent;border:none;color:var(--color-gold);font-size:28px;font-weight:bold;font-family:var(--font-display);width:100%;border-bottom:2px solid transparent;padding-bottom:4px;outline:none;transition:border-color var(--transition-speed)}.editor-title-input:focus{border-bottom-color:var(--color-gold)}.editor-title-input::placeholder{color:rgba(240,192,64,0.4)}.editor-subtitle{font-size:14px;color:var(--color-accent);font-style:italic;margin-bottom:20px}.editor-section{margin-bottom:24px}.editor-section h3{font-size:14px;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);padding-bottom:8px;margin-bottom:12px;font-family:var(--font-display)}.editor-field{margin-bottom:16px}.editor-field label{display:block;font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;margin-bottom:6px}.editor-field input,.editor-field textarea,.editor-field select{width:100%;padding:8px 10px;background:var(--color-input-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-main);font-size:13px;outline:none;transition:border-color var(--transition-speed)}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--color-accent)}.editor-field textarea{resize:vertical;min-height:60px}.editor-actions{padding-top:8px;border-top:1px solid var(--color-border);margin-top:8px}.relations-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.relation-add{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.relation-add select{flex:1;min-width:100px;padding:6px 8px;background:var(--color-input-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.relation-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:13px}.relation-name{color:var(--color-gold);font-weight:bold;flex:1}.relation-type{color:var(--color-text-secondary)}.relation-select{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);padding:4px 8px;font-size:12px}.tools-panel{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden}.tools-header{padding:16px;border-bottom:1px solid var(--color-border)}.tools-header h2{color:var(--color-gold);font-size:16px;font-family:var(--font-display);margin:0}.tools-body{flex:1;overflow-y:auto;padding:16px}.tool-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.tool-section:last-child{border-bottom:none}.tool-section h3{font-size:13px;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.world-stat{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.world-stat-label{color:var(--color-text-secondary)}.world-stat-value{color:var(--color-gold);font-weight:bold}.relation-web-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.relation-web-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.relation-web-line{flex:1;height:1px;background-color:var(--color-border)}.relation-web-arrow{color:var(--color-text-secondary);font-size:10px}.relation-web-label{color:var(--color-text-secondary);font-size:10px;min-width:50px;text-align:center}.color-friendly{color:var(--color-green)}.color-neutral{color:var(--color-blue)}.color-hostile{color:var(--color-accent)}.color-unknown{color:var(--color-purple)}.dot-friendly{background-color:var(--color-green)}.dot-neutral{background-color:var(--color-blue)}.dot-hostile{background-color:var(--color-accent)}.dot-unknown{background-color:var(--color-purple)}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.confirm-overlay.visible{opacity:1;pointer-events:auto}.confirm-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:28px 32px;max-width:380px;width:90%;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,0.5);transform:translateY(8px);transition:transform 0.2s ease}.confirm-overlay.visible .confirm-modal{transform:translateY(0)}.confirm-icon{font-size:36px;margin-bottom:12px;opacity:0.8}.confirm-message{font-size:14px;color:var(--color-text-primary);line-height:1.6;margin-bottom:20px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-actions .btn{min-width:90px}.confirm-hint{font-size:11px;color:var(--color-text-secondary);margin-top:16px;opacity:0.6}.confirm-hint kbd{display:inline-block;background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:3px;padding:1px 6px;font-family:var(--font-main);font-size:10px;font-weight:600;color:var(--color-text-primary)}@media(max-width:1100px){.world-builder-layout{grid-template-columns:1fr;height:auto}}