:root{color:#1c1915;background:#f6f3ec;font-family:Georgia,Iowan Old Style,serif}body{margin:0}.app-shell>header,.app-shell>main{width:min(40rem,calc(100% - 2rem));margin:0 auto}.app-shell>header{display:flex;justify-content:space-between;align-items:baseline;padding:1.25rem 0}.app-shell nav{display:flex;gap:1rem;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.95rem}a{color:inherit}.app-shell>main{padding-bottom:3rem}.panel,form{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;background:white;border:1px solid #ddd6c8}label{display:grid;grid-gap:.25rem;gap:.25rem;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.9rem}button,input{font:inherit;padding:.45rem .55rem}button{width:-moz-fit-content;width:fit-content;background:#243026;color:white;border:0}.note{font-family:Avenir Next,Segoe UI,sans-serif}img.editor,img.preview{max-width:100%;height:auto;display:block;background:white}img.editor{cursor:crosshair}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-gap:1rem;gap:1rem;padding:0;list-style:none}.library a{display:grid;grid-gap:.35rem;gap:.35rem;text-decoration:none}.library .empty,.library img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border:1px solid #ddd6c8}.detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:.75rem;gap:.75rem}.detail div{margin:0}.previews{display:flex;flex-wrap:wrap;gap:1rem}.previews img{background:white;border:1px solid #ddd6c8}.imports-page{font-family:Avenir Next,Segoe UI,sans-serif}.imports-page h1,.imports-page h2,.imports-page h3{font-family:Georgia,Iowan Old Style,serif}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#596657}.import-section{margin-block:2rem}.imports-page select,.imports-page textarea{box-sizing:border-box;width:100%;font:inherit;padding:.65rem;border:1px solid #a49c8d;background:white;color:#1c1915}.imports-page textarea{resize:vertical;min-height:10rem}.imports-page input{min-width:0;box-sizing:border-box;width:100%}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:transparent;color:#243026;border:1px solid #8b9687}.import-history,.source-hosts{padding:0;list-style:none}.source-hosts li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid #ddd6c8}.source-hosts code{overflow-wrap:anywhere}.import-history>li{padding-block:.5rem 1.25rem;border-bottom:1px solid #ddd6c8}.import-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;font-size:.85rem}.import-counts div{padding:.6rem;background:#ebe7de}.import-counts dd{margin:.3rem 0 0;font-size:1.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.import-progress progress{width:100%;height:.6rem;accent-color:#243026}.table-scroll{overflow-x:auto;margin-top:1rem}.import-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.import-table td,.import-table th{padding:.75rem .4rem;vertical-align:top;border-bottom:1px solid #ddd6c8}.import-table td:first-child{width:60%}.source-url{overflow-wrap:anywhere}.item-state{text-transform:capitalize;white-space:nowrap}.error-message,.failure-reason,.state-failed{color:#8c2424}.failure-reason{margin-bottom:0}.error-message{background:#fff0eb;padding:.8rem;border-left:3px solid #8c2424}:focus-visible{outline:3px solid #517551;outline-offset:3px}@media (max-width:480px){.app-shell>header{align-items:start;gap:1rem}.app-shell nav{flex-wrap:wrap;justify-content:end;gap:.5rem .8rem}.import-table{min-width:30rem}}.auth-links{margin-top:1rem}.error-message p,.panel p{margin:0 0 .5rem}.error-message p:last-child,.panel p:last-child{margin-bottom:0}.error-message,.panel{margin-block:1rem}.playground select{box-sizing:border-box;width:100%;font:inherit;padding:.45rem .55rem;border:1px solid #a49c8d;background:white;color:#1c1915}.playground input{box-sizing:border-box;width:100%;min-width:0}.playground-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (min-width:640px){.app-shell:has(.playground)>header,.app-shell>main:has(.playground){width:min(64rem,calc(100% - 2rem))}.playground-grid{grid-template-columns:minmax(0,18rem) minmax(0,1fr)}}.playground-controls .pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.playground-output{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0}.preview-frame{display:grid;place-items:center;min-height:12rem;padding:.75rem;background:repeating-conic-gradient(#ebe7de 0 25%,#f6f3ec 0 50%) 0 0 /16px 16px;border:1px solid #ddd6c8}.preview-frame img{display:block;max-width:100%;height:auto}.focal-picker{margin:0}.focal-area{position:relative}.focal-picker img{display:block;width:100%;height:auto;cursor:crosshair}.focal-dot{position:absolute;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;border:2px solid white;border-radius:50%;background:#243026;box-shadow:0 0 0 1px #243026;pointer-events:none}.focal-picker figcaption{margin-top:.35rem}.url-field{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.playground .field{display:grid;grid-gap:.25rem;gap:.25rem;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.9rem}.settings-page section{margin-block:2rem}.settings-page h2{margin-bottom:.5rem}.usage-meter{margin-block:1rem}.usage-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem}.usage-heading h3,.usage-heading p{margin:0}.usage-heading p{font-family:Avenir Next,Segoe UI,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-meter progress{width:100%;height:.6rem;accent-color:#243026}.usage-meter .note{margin:.35rem 0 0}body:has(.home-root),html:has(.home-root){background:#ffffff}