@font-face{font-family:QWNaskh;src:url('assets/quotes-fonts/naskh.woff2') format('woff2');font-display:swap}
@font-face{font-family:QWSans;src:url('assets/quotes-fonts/sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:QWAmiri;src:url('assets/quotes-fonts/amiri.woff2') format('woff2');font-display:swap}
body[data-asy-page="quotes"]{--scene:url('assets/midnight-forest.webp');--scene-position:50% 50%}
.qw-shell{max-width:1600px;margin:auto;color:#edf3fb;min-width:0}.qw-shell *{box-sizing:border-box}.qw-hero{padding:38px;border:1px solid #283749;border-radius:24px;background:linear-gradient(90deg,rgba(3,9,17,.91),rgba(3,9,17,.35)),url('assets/midnight-forest.webp') center 48%/cover;margin-bottom:24px}.qw-eyebrow{font-size:11px;letter-spacing:.15em;color:#a4bbd7;font-weight:700}.qw-hero h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.04em;margin:12px 0}.qw-hero h2 span{color:#97b5dc;font-family:Georgia,serif;font-style:italic}.qw-hero p,.qw-meta{color:#b8c7d8;font-size:14px;line-height:1.7}.qw-meta{margin-top:20px}.qw-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:26px;align-items:start}.qw-library,.qw-studio{min-width:0}.qw-studio{padding:24px;background:#080e17;border:1px solid #233144;border-radius:22px}.qw-studio h3{font-size:22px;margin:8px 0 24px}.qw-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.qw-shell button{border:1px solid #34465f;background:#111c2b;color:#dfeafa;border-radius:10px;padding:10px 13px;min-height:42px;font-size:13px;cursor:pointer;white-space:normal}.qw-shell button:hover{background:#1d2c41}.qw-shell button:disabled{opacity:.45;cursor:not-allowed}.qw-shell button.qw-primary{background:#b6cbe5;color:#08101d;border-color:#b6cbe5;font-weight:750}.qw-shell :focus-visible{outline:2px solid #c1daff;outline-offset:3px}.qw-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#becddd;margin:14px 0;min-width:0}.qw-shell input:not([type=range]),.qw-shell select,.qw-shell textarea{background:#050a11;color:#edf3fb;border:1px solid #2d3b50;border-radius:10px;padding:11px 12px;width:100%;min-width:0;font:inherit;font-size:16px}.qw-shell textarea{resize:vertical;line-height:1.8;min-height:125px}.qw-shell input[type=range]{width:100%;accent-color:#aac6ea}.qw-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.qw-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.qw-filters button{font-size:12px;border-radius:30px;min-height:36px}.qw-filters button[aria-pressed=true]{background:#b6cbe5;color:#06101e}.qw-hint{font-size:12px;color:#9eafc5;line-height:1.6}.qw-preview{padding:12px;background:#03060b;border:1px solid #233144;border-radius:14px;margin-top:16px;display:flex;justify-content:center}.qw-preview canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;min-width:0}.qw-quote{background:linear-gradient(145deg,#101a28,#080d15);border:1px solid #26364b;border-radius:18px;padding:22px;margin:16px 0;overflow-wrap:anywhere}.qw-quote blockquote{font:24px/1.8 QWNaskh,Georgia,serif;margin:16px 0;color:#eef3fc;white-space:pre-wrap}.qw-quote p{color:#a6b8cf;font-size:13px;line-height:1.8}.qw-empty{padding:50px 24px;text-align:center;border:1px dashed #2a3c55;border-radius:20px;margin:22px 0;color:#aebed1}.qw-empty>span{font:80px Georgia;color:#7b97bb}.qw-empty h3{font-size:20px;color:#dbe7f7}.qw-empty p{font-size:14px;line-height:1.7}#qwStatus{font-size:13px;line-height:1.7;min-height:24px;color:#bdd6f3}.qw-dialog{background:#080f19;color:#e6effb;border:1px solid #334660;border-radius:20px;padding:24px;width:min(650px,calc(100vw - 24px));max-height:85vh;overflow:auto}.qw-dialog::backdrop{background:#000b}.qw-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:10px 0}.qw-dialog h3{margin-right:auto}.qw-dialog button{font-size:12px}
@media(max-width:1000px){.qw-layout{grid-template-columns:minmax(0,1fr)}.qw-studio{max-width:100%}.qw-preview canvas{max-height:500px}.qw-hero{padding:26px}}
@media(max-width:440px){.qw-hero,.qw-studio{padding:20px 16px}.qw-two{grid-template-columns:minmax(0,1fr)}.qw-category-row{grid-template-columns:1fr 1fr}.qw-category-row input{grid-column:1/-1}.qw-quote{padding:18px}.qw-tools button{flex:1 1 auto}.qw-preview{padding:6px}}