.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease);white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-dark{background:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}.btn-loading{display:inline-flex;align-items:center;gap:6px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-5);align-items:center}.login-wordmark{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.login-field{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.login-input{width:100%;background:var(--paper-card);border:var(--border);border-radius:var(--radius);padding:14px;font-size:14px;font-family:var(--font-mono);color:var(--ink);outline:none;transition:outline-color var(--dur) var(--ease)}.login-input:focus{outline:2px solid var(--accent);outline-offset:2px}.login-error{font-size:12px;color:var(--accent)}.topbar{border-bottom:2px solid var(--ink);padding:var(--space-4) 0}.topbar-inner{max-width:1400px;margin:0 auto;padding:0 var(--space-7);display:flex;justify-content:space-between;align-items:center}.topbar-wordmark{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.topbar-nav{display:flex;gap:var(--space-5)}.topbar-link{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transition:color var(--dur) var(--ease)}.topbar-link:hover{color:var(--accent)}@media (max-width: 759px){.topbar-inner{padding:0 var(--space-5)}}.filter-section{max-width:1400px;margin:var(--space-5) auto;padding:0 var(--space-7)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.filter-pill:hover:not(.active):not(.disabled){border-color:var(--ink)}.filter-pill.active{background:var(--ink);color:var(--paper)}.filter-pill.active .filter-count{color:var(--paper)}.filter-pill.disabled{opacity:.4;cursor:default}.filter-count{color:var(--accent);font-size:12px}.filter-search{width:100%;max-width:400px;background:var(--paper-card);border:var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14px;font-family:var(--font-mono);color:var(--ink);outline:none;transition:outline-color var(--dur) var(--ease)}.filter-search:focus{outline:2px solid var(--accent);outline-offset:2px}.filter-search::placeholder{color:var(--ink-muted)}@media (max-width: 759px){.filter-section{padding:0 var(--space-5)}.filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0}}.design-card{display:flex;flex-direction:column;background:var(--paper-card);border:var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.design-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card-image-wrapper{aspect-ratio:4/3;overflow:hidden;border-bottom:var(--border)}.card-image{width:100%;height:100%;object-fit:cover}.card-body{padding:var(--space-5)}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.card-name{font-family:var(--font-serif);font-size:26px;line-height:1.15;color:var(--ink);flex:1;min-width:0}.card-subtitle{font-size:13px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:inline-block;padding:6px 10px;background:var(--paper-sunk);border:var(--border);border-radius:var(--radius);font-size:12px;font-family:var(--font-mono)}.tag-chip-more{color:var(--ink-muted);border:none}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:var(--border)}.card-style{font-size:12px;color:var(--ink)}.card-diamond{color:var(--accent)}.card-index{font-size:12px;letter-spacing:.04em;color:var(--ink-muted)}@media (max-width: 759px){.card-name{font-size:22px}}.field-group{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.field-input{background:var(--paper-card);border:var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14px;color:var(--ink);outline:none;transition:border-color var(--dur) var(--ease),outline-color var(--dur) var(--ease)}.field-input:focus{outline:2px solid var(--accent);outline-offset:2px}.field-textarea{resize:vertical;min-height:80px}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238A8377' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.field-error .field-input{border-color:var(--accent)}.field-error-text{font-size:12px;color:var(--accent)}.tag-input-container{position:relative}.tag-input-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:8px 10px;background:var(--paper-card);border:var(--border);border-radius:var(--radius);min-height:44px;cursor:text;transition:outline-color var(--dur) var(--ease)}.tag-input-chips:focus-within{outline:2px solid var(--accent);outline-offset:2px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--paper-sunk);border:var(--border);border-radius:var(--radius);font-size:12px;font-family:var(--font-mono)}.tag-chip-remove{background:none;border:none;padding:0;font-size:14px;color:var(--ink-muted);cursor:pointer;line-height:1}.tag-chip-remove:hover{color:var(--accent)}.tag-input-field{flex:1;min-width:100px;border:none;background:transparent;outline:none;font-size:12px;font-family:var(--font-mono);padding:4px 0}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--paper-card);border:var(--border);border-radius:var(--radius);margin-top:var(--space-1);z-index:10;max-height:200px;overflow-y:auto}.tag-suggestion{display:block;width:100%;padding:10px 14px;text-align:left;background:none;border:none;font-size:12px;font-family:var(--font-mono);color:var(--ink);cursor:pointer}.tag-suggestion:hover,.tag-suggestion.selected{background:var(--paper-sunk)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1815cc;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-7) var(--space-5);overflow-y:auto;animation:fadeIn .12s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--paper-card);border:var(--border);border-radius:var(--radius);max-width:900px;width:100%;outline:none;animation:slideUp .16s var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-image-wrapper{background:var(--ink);display:flex;align-items:center;justify-content:center;max-height:60vh;overflow:hidden}.modal-image{width:100%;max-height:60vh;object-fit:contain}.modal-content{padding:var(--space-6)}.modal-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.modal-name{font-family:var(--font-serif);font-size:40px;font-weight:400;line-height:1.15;color:var(--ink);flex:1}.modal-subtitle{font-size:13px;color:var(--ink-muted);white-space:nowrap}.modal-description{font-size:14px;line-height:1.5;color:var(--ink-soft);margin-bottom:var(--space-4)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.modal-prompt{background:var(--accent-soft);border:var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.modal-prompt-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.modal-prompt-text{font-size:13px;font-family:var(--font-mono);white-space:pre-wrap;max-height:260px;overflow-y:auto;color:var(--ink-soft)}.subject-highlight{background:#f6e7a8;padding:0 2px;border-radius:2px}.modal-source{font-size:13px;color:var(--ink-muted);margin-bottom:var(--space-5)}.modal-source a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.modal-source a:hover{color:var(--ink)}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.modal-actions-left,.modal-actions-right{display:flex;gap:var(--space-3)}.edit-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-5)}.insert-form-error{padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);font-size:13px;color:var(--accent);margin-bottom:var(--space-4)}@media (max-width: 759px){.modal-backdrop{padding:0;align-items:stretch}.modal-panel{max-width:100%;min-height:100vh;border:none;border-radius:0}.modal-header{flex-direction:column;gap:var(--space-2)}.modal-name{font-size:28px}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions-left,.modal-actions-right{flex-direction:column}}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-inner{width:100%;height:100%;border:2px solid var(--rule);border-top-color:var(--ink);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner-inner{animation:none}}.gallery-page{min-height:100vh}.gallery-grid-wrapper{max-width:1400px;margin:0 auto;padding:0 var(--space-7) var(--space-7)}.gallery-loading{display:flex;justify-content:center;padding:var(--space-8) 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.gallery-sentinel{display:flex;justify-content:center;padding:var(--space-6) 0}.gallery-end{font-size:12px;letter-spacing:.04em;color:var(--ink-muted)}.gallery-empty{text-align:center;padding:var(--space-8) 0;color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.gallery-error{color:var(--accent)}@media (max-width: 1199px){.gallery-grid-wrapper{padding:0 var(--space-6) var(--space-6)}}@media (max-width: 759px){.gallery-grid-wrapper{padding:0 var(--space-5) var(--space-5)}.gallery-grid{grid-template-columns:1fr;gap:20px}}.insert-page{min-height:100vh}.insert-wrapper{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5)}.insert-title{font-family:var(--font-serif);font-size:32px;font-weight:400;margin-bottom:var(--space-6)}.insert-analysis{border:var(--border);border-radius:var(--radius);background:var(--accent-soft);padding:var(--space-4);margin-bottom:var(--space-6)}.insert-analysis-summary{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);cursor:pointer}.insert-analysis-hint{margin-top:var(--space-3);font-size:13px;color:var(--ink-soft)}.insert-analysis-text{margin:var(--space-3) 0;padding:var(--space-3);max-height:260px;overflow:auto;background:var(--paper-card);border:var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.insert-json-parse{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.insert-json-textarea{width:100%;background:var(--paper-card);border:var(--border);border-radius:var(--radius);padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--ink);resize:vertical;min-height:120px;outline:none;transition:outline-color var(--dur) var(--ease)}.insert-json-textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.insert-json-textarea::placeholder{color:var(--ink-muted)}.insert-form{display:flex;flex-direction:column;gap:var(--space-5)}.insert-form-error{padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);font-size:13px;color:var(--accent)}.insert-field{display:flex;flex-direction:column;gap:var(--space-2)}.insert-dropzone{border:var(--border);border-radius:var(--radius);padding:var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease);background:var(--paper-card)}.insert-dropzone:hover{border-color:var(--ink)}.insert-dropzone.field-error{border-color:var(--accent)}.insert-file-input{display:none}.insert-dropzone-text{color:var(--ink-muted);font-size:13px}.insert-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.insert-preview-img{max-width:100%;max-height:200px;object-fit:contain;border:var(--border)}.insert-preview-info{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--ink-muted)}.insert-remove{background:none;border:none;color:var(--accent);font-size:12px;font-family:var(--font-mono);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.insert-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.insert-new-page-type{display:flex;gap:var(--space-3);align-items:flex-start}.insert-new-page-type .field-input{flex:1}.field-error-input{border-color:var(--accent)}@media (max-width: 759px){.insert-row{grid-template-columns:1fr}}.profile-page{min-height:100vh}.profile-wrapper{max-width:400px;margin:0 auto;padding:var(--space-6) var(--space-5)}.profile-title{font-family:var(--font-serif);font-size:32px;font-weight:400;margin-bottom:var(--space-6)}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.profile-error-form{padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);font-size:13px;color:var(--accent)}.profile-success{padding:var(--space-3) var(--space-4);background:#3f6b4a1a;border:1px solid var(--ok);border-radius:var(--radius);font-size:13px;color:var(--ok)}.profile-divider{height:1px;background:var(--rule);margin:var(--space-6) 0}:root{--paper: #F4EFE6;--paper-card: #FBF8F2;--paper-sunk: #EDE6D9;--ink: #1A1815;--ink-soft: #4A453D;--ink-muted: #8A8377;--rule: #D8CFBF;--accent: #C4552F;--accent-soft: #F0DCD2;--ok: #3F6B4A;--font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans: var(--font-mono);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius: 2px;--border: 1px solid var(--rule);--shadow-lift: 0 4px 16px rgba(26, 24, 21, .1);--dur: .14s;--ease: cubic-bezier(.2, .6, .3, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-repeat:repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}::selection{background:var(--accent-soft);color:var(--ink)}