*{margin:0;padding:0;box-sizing:border-box}:root{--blueprint-bg: #0a1929;--blueprint-grid: rgba(59, 130, 246, .15);--blueprint-line: rgba(96, 165, 250, .3);--blueprint-accent: #3b82f6;--blueprint-text: #e0f2fe;--blueprint-heading: #ffffff;--blueprint-border: rgba(59, 130, 246, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px var(--blueprint-accent);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace}body{font-family:var(--font-sans);background-color:var(--blueprint-bg);background-image:url(/pattern.png);background-repeat:repeat;background-position:center center;background-size:700px 700px;background-attachment:fixed;color:var(--blueprint-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blueprint-border);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.header h1{font-size:1.65rem;font-weight:600;color:var(--blueprint-heading);letter-spacing:.08em;text-transform:uppercase}.button,.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:.9rem;border-radius:var(--radius-lg);transition:all var(--transition-slow);cursor:pointer;border:none;font-family:var(--font-sans);letter-spacing:.02em}.button,.bp-btn-primary{background-color:var(--blueprint-accent);color:#fff;border:1px solid transparent}.button:hover,.bp-btn-primary:hover{box-shadow:0 10px 15px -3px #3b82f680;transform:scale(1.05)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary,.bp-btn-secondary{background-color:transparent;color:var(--blueprint-text);border:2px solid var(--blueprint-border);padding:calc(var(--spacing-md) - 1px) calc(var(--spacing-xl) - 1px)}.button-secondary:hover,.bp-btn-secondary:hover{border-color:var(--blueprint-accent);color:var(--blueprint-accent);background-color:#3b82f61a;transform:scale(1.02)}.button-sm,.bp-btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.button-danger{background:#ef4444;color:#fff}.button-danger:hover{background:#dc2626;box-shadow:0 10px 15px -3px #ef444480}.button-preview{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#f5f3ff;border:1px solid rgba(124,58,237,.4)}.button-preview:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95)}.card,.bp-card{border-radius:var(--radius-2xl);border:1px solid var(--blueprint-border);background-color:#0a192966;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 20px 50px -20px #155ecb4d}.card h2{font-size:1.35rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-lg);color:var(--blueprint-heading)}.label{display:block;margin-bottom:var(--spacing-sm);font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#e0f2fecc}.input{width:100%;background:#01060ea6;border:1px solid var(--blueprint-border);color:var(--blueprint-heading);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;margin-bottom:-.15rem;transition:all var(--transition-base);font-family:var(--font-sans)}.input:focus{outline:none;border-color:var(--blueprint-accent);box-shadow:0 0 0 4px #3b82f62e;background:#0c1c34e6}textarea.input{min-height:100px;resize:vertical;font-family:inherit}select.input{cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.button-group{display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-xl)}.button-group-left,.button-group-right{display:flex;gap:var(--spacing-sm)}.badge,.bp-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--blueprint-border);background-color:#0a192980;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--blueprint-text)}.badge-success{background:#10b9812e;color:#34d399;border-color:#10b98152}.badge-warning{background:#eab3082e;color:#facc15;border-color:#eab3084d}.preview-badge{display:inline-block;padding:.25rem .75rem;background:#f90;color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.error{background:#ef444429;color:#fecaca;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.35);margin-bottom:var(--spacing-md)}.success{background:#10b98129;color:#bbf7d0;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.35);margin-bottom:var(--spacing-md)}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.artwork-card{background:#0c1a2cd9;border:1px solid var(--blueprint-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow)}.artwork-card:hover{border-color:var(--blueprint-accent);transform:translateY(-3px);box-shadow:0 18px 42px -24px #3b82f6a6}.artwork-card-image{aspect-ratio:4/3;background:#0a0a0a;display:flex;align-items:center;justify-content:center;color:#666;font-size:.75rem}.artwork-card-content{padding:var(--spacing-md)}.artwork-card-title{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--blueprint-heading)}.artwork-card-meta{font-size:.75rem;color:#999;display:flex;align-items:center;gap:var(--spacing-sm)}.artwork-card-actions{display:flex;gap:var(--spacing-sm);padding:.75rem;border-top:1px solid rgba(59,130,246,.15)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:var(--spacing-xl)}.modal.hidden{display:none}.modal-content{background:linear-gradient(135deg,#0714278c,#0a172b8c);border:1px solid var(--blueprint-border);border-radius:2px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl);box-shadow:0 15px 50px -10px #155ecb80}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--blueprint-border)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--blueprint-heading);letter-spacing:.05em}.close-btn{background:none;border:none;color:#e0f2fe99;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);line-height:1;transition:color var(--transition-base)}.close-btn:hover{color:var(--blueprint-heading)}.media-dropzone{position:relative;border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--spacing-xl);background:#1a202c66;text-align:center;transition:all var(--transition-base);cursor:pointer}.media-dropzone:hover{border-color:var(--blueprint-accent);background:#3b82f614}.media-dropzone.drag-over{border-color:#a855f7;background:#581c8740}.media-dropzone p{margin:var(--spacing-sm) 0;color:#e0f2feb3;font-size:.875rem}.media-dropzone strong{color:var(--blueprint-heading);display:block;margin-bottom:var(--spacing-sm)}.media-items{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:.75rem}.media-item{display:flex;gap:var(--spacing-md);align-items:center;padding:.75rem;background:#1a202c99;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);transition:all var(--transition-base)}.media-item:hover{border-color:var(--blueprint-accent)}.media-thumbnail{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:#2d3748cc;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#cbd5e0cc}.media-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.media-meta{display:flex;gap:.75rem;font-size:.75rem;color:#e0f2fe99}.media-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.media-empty{text-align:center;color:#e0f2fe99;font-size:.875rem;border:1px dashed rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);background:#1a202c66}.drag-handle{cursor:grab;padding:var(--spacing-sm);color:#e0f2fe66;font-size:1.25rem;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}.drag-handle:hover{color:var(--blueprint-accent)}.drag-handle:active{cursor:grabbing}.media-item.dragging{opacity:.5;border:2px dashed #a855f7}.media-item.drag-over{border-top:3px solid #a855f7}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;overflow-y:auto;padding:var(--spacing-xl)}.preview-content{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#102340fa,#0a172bf2);border:1px solid var(--blueprint-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:0 30px 80px -20px #155ecb80}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--blueprint-border)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.preview-media-item{aspect-ratio:4/3;background:#1a1a1a;border:1px solid var(--blueprint-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-media-item img{width:100%;height:100%;object-fit:cover}.autosave-indicator{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);padding:.75rem var(--spacing-md);background:#0a1929f2;border:1px solid var(--blueprint-border);border-radius:var(--radius-lg);font-size:.75rem;color:#e0f2feb3;display:flex;align-items:center;gap:var(--spacing-sm);z-index:100;transition:opacity var(--transition-slow);box-shadow:0 10px 25px -10px #155ecb66}.autosave-indicator.saving{color:#a855f7;border-color:#a855f7}.autosave-indicator.saved{color:#10b981;border-color:#10b981}.autosave-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.hidden{display:none!important}.loading{text-align:center;padding:var(--spacing-xl);color:#e0f2fe99;font-size:.9rem}::-webkit-scrollbar{width:10px;height:10px;background:transparent}::-webkit-scrollbar-track{background:#070a12d9;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff08}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blueprint-accent),#286ca7);border-radius:8px;border:none}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--blueprint-accent) rgba(7,10,18,.85)}*:focus-visible{outline:2px solid var(--blueprint-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tabs-nav{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--blueprint-border)}.tab-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:#e0f2fe99;font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);margin-bottom:-2px}.tab-button:hover{color:var(--blueprint-text);background:#3b82f614}.tab-button.active{color:var(--blueprint-accent);border-bottom-color:var(--blueprint-accent);background:#3b82f61f}.tab-content{display:block}.tab-content.hidden{display:none}.modal-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--blueprint-border)}.modal-tab-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:#e0f2fe99;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:-2px;font-family:var(--font-sans)}.modal-tab-button:hover{color:var(--blueprint-text);background:#3b82f614}.modal-tab-button.active{color:var(--blueprint-accent);border-bottom-color:var(--blueprint-accent);background:#3b82f61f}.modal-tab-content{display:block}.modal-tab-content.hidden{display:none}.content-blocks-editor{min-height:400px}.blocks-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--blueprint-border)}.blocks-toolbar-title h3{color:var(--blueprint-heading)}.blocks-add-menu{position:relative}.add-block-dropdown{position:absolute;right:0;top:calc(100% + var(--spacing-sm));background:#0a1929fa;border:1px solid var(--blueprint-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);min-width:200px;z-index:100;box-shadow:0 10px 25px -10px #155ecb66}.add-block-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:transparent;border:none;color:var(--blueprint-text);font-size:.875rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);text-align:left;font-family:var(--font-sans)}.add-block-dropdown button:hover{background:#3b82f61f;color:var(--blueprint-accent)}.blocks-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.blocks-empty-state{text-align:center;padding:var(--spacing-2xl);color:#e0f2fe80;border:2px dashed rgba(59,130,246,.2);border-radius:var(--radius-lg);background:#1a202c4d}.block-item{background:#1a202c99;border:1px solid var(--blueprint-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:grab}.block-item:hover{border-color:var(--blueprint-accent);background:#1a202ccc}.block-item.dragging{opacity:.5;cursor:grabbing;border-color:#a855f7}.block-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.block-item-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--blueprint-heading);font-weight:600;font-size:.9rem}.block-item-actions{display:flex;gap:var(--spacing-sm)}.block-item-actions button{background:transparent;border:none;color:#e0f2fe99;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);font-size:1rem}.block-item-actions button:hover{color:var(--blueprint-accent);background:#3b82f61f}.block-item-actions .delete-btn:hover{color:#ef4444;background:#ef44441f}.block-item-preview{font-size:.85rem;color:#e0f2feb3;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.custom-dialog-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}.custom-dialog-modal.hidden{display:none}.custom-dialog-content{background:linear-gradient(135deg,#0a1929fa,#102340fa);border:1px solid var(--blueprint-accent);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:480px;width:90%;box-shadow:0 20px 60px -10px #3b82f666;animation:slideUp .3s ease-out;text-align:center}.custom-dialog-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:scaleIn .4s ease-out}.custom-dialog-title{font-size:1.5rem;font-weight:600;color:var(--blueprint-heading);margin-bottom:var(--spacing-md);letter-spacing:.02em}.custom-dialog-message{font-size:1rem;color:var(--blueprint-text);margin-bottom:var(--spacing-xl);line-height:1.6}.custom-dialog-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.custom-dialog-buttons button{min-width:120px}#prompt-input{margin-bottom:var(--spacing-lg);text-align:left;font-size:1rem}.toast-container{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:4000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{background:linear-gradient(135deg,#0a1929fa,#102340f2);border:1px solid var(--blueprint-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);min-width:300px;max-width:400px;box-shadow:0 10px 30px -10px #155ecb66;display:flex;align-items:center;gap:var(--spacing-md);animation:slideInRight .3s ease-out;pointer-events:auto;cursor:pointer;transition:all var(--transition-base)}.toast:hover{transform:translate(-4px);box-shadow:0 12px 35px -10px #155ecb99}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-message{flex:1;color:var(--blueprint-text);font-size:.9rem;line-height:1.4}.toast.toast-error{border-color:#ef444480;background:linear-gradient(135deg,#280a0afa,#3c0f0ff2)}.toast.toast-success{border-color:#10b98180;background:linear-gradient(135deg,#0a281efa,#0f3c2df2)}.toast.toast-warning{border-color:#eab30880;background:linear-gradient(135deg,#28230afa,#3c320ff2)}.toast.toast-info{border-color:var(--blueprint-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.container{padding:var(--spacing-lg) var(--spacing-md)}.header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.artwork-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg)}.blocks-toolbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.add-block-dropdown{right:auto;left:0}}