.drawings-page{color:#2b1829;background:#d9e7e8;min-height:100vh}.drawings-hero{color:#fff;text-align:center;background:linear-gradient(#294851 0%,#4e7077 62%,#d9e7e8 100%);padding:clamp(8.2rem,12vw,10rem) clamp(1.25rem,6vw,7rem) 4rem}.drawings-eyebrow,.drawing-meta p,.drawing-workspace-copy>p{color:#8a522e;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .55rem;font-size:.76rem;font-weight:900}.drawings-hero h1{max-width:820px;margin:0 auto .9rem;font:400 clamp(2.15rem,5vw,4.65rem)/1.03 Fraunces,Georgia,serif}.drawings-hero>p:not(.drawings-eyebrow){color:#edf5f5;max-width:620px;margin:0 auto;font-size:clamp(.96rem,1.5vw,1.1rem)}.drawings-filters{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:2rem;display:flex}.drawings-filters button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff8c;border-radius:999px;padding:.72rem 1.2rem;font-weight:800}.drawings-filters button.is-active{color:#fffaf3;background:#704124;border-color:#704124}.drawings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2rem);max-width:1440px;margin:0 auto;padding:1rem clamp(1.25rem,5vw,5rem) 6rem;display:grid}.drawing-card{background:#fff;border:1px solid #7041241f;border-radius:1.4rem;overflow:hidden;box-shadow:0 1.2rem 3.5rem #45253917}.drawing-preview{aspect-ratio:4/5;cursor:pointer;background:#fff;border:0;width:100%;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.drawing-preview img{object-fit:contain;width:100%;height:100%;transition:opacity .65s,transform .65s;position:absolute;inset:0}.drawing-line{opacity:0}.drawing-preview:hover .drawing-color,.drawing-preview:focus-visible .drawing-color{opacity:0;transform:scale(1.025)}.drawing-preview:hover .drawing-line,.drawing-preview:focus-visible .drawing-line{opacity:1;transform:scale(1.025)}.drawing-hours,.drawing-discover{z-index:3;opacity:0;transition:opacity .35s,transform .35s;position:absolute}.drawing-hours{color:#fff;background:#2b1829db;border-radius:999px;padding:.55rem .8rem;font-size:.78rem;font-weight:900;top:1rem;right:1rem}.drawing-discover{color:#fff;background:#704124;border-radius:999px;padding:.7rem 1rem;font-weight:900;bottom:1.1rem;left:50%;transform:translate(-50%,.6rem)}.drawing-preview:hover .drawing-hours,.drawing-preview:hover .drawing-discover,.drawing-preview:focus-visible .drawing-hours,.drawing-preview:focus-visible .drawing-discover{opacity:1}.drawing-preview:hover .drawing-discover,.drawing-preview:focus-visible .drawing-discover{transform:translate(-50%)}.drawing-meta{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.2rem 1.3rem;display:flex}.drawing-meta p{margin-bottom:.18rem}.drawing-meta h2{margin:0;font:400 1.35rem/1.1 Fraunces,Georgia,serif}.drawing-meta>a,.drawing-workspace-actions button{color:#fff;cursor:pointer;background:#704124;border:1px solid #704124;border-radius:999px;flex:none;padding:.72rem 1rem;font-weight:900;text-decoration:none}:is(body:has(.drawings-page) .navbar,body:has(.drawing-player-page) .navbar){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#294851f0;box-shadow:0 1px #ffffff1f}:is(body:has(.drawings-page) .nav-item-trigger,body:has(.drawings-page) .nav-chevron,body:has(.drawings-page) .nav-account-link,body:has(.drawings-page) .nav-logout,body:has(.drawing-player-page) .nav-item-trigger,body:has(.drawing-player-page) .nav-chevron,body:has(.drawing-player-page) .nav-account-link,body:has(.drawing-player-page) .nav-logout){color:#fff}.drawing-player-page{color:#2b3030;background:radial-gradient(circle at 8% 18%,#ffffffb3,#0000 25rem),linear-gradient(145deg,#c8dcdd 0%,#e5efec 52%,#bfd3d4 100%);min-height:100vh}.drawing-detail-shell{box-sizing:border-box;grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(1320px,100%);min-height:100svh;margin:0 auto;padding:9rem clamp(1.5rem,5vw,5rem) 3rem;display:grid}.drawing-detail-copy{max-width:450px}.drawing-detail-copy h1{margin:0 0 1.15rem;font:400 clamp(2.35rem,4.5vw,4.9rem)/.98 Fraunces,Georgia,serif}.drawing-detail-copy>p:not(.drawing-player-eyebrow){color:#536366;margin:0 0 1.8rem;line-height:1.65}.drawing-detail-start{color:#fff;background:#704124;border-radius:999px;padding:.9rem 1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.drawing-detail-art{background:#fff;border:.7rem solid #ffffffd1;border-radius:1.45rem;justify-self:center;width:fit-content;max-width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 6rem #2d4c4e33}.drawing-detail-art img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 12rem);display:block}.drawing-canvas-page{background:#c7cece;min-height:100svh}.drawing-workspace-only{place-items:center;width:100%;height:100svh;padding:1rem;display:grid;position:relative;overflow:hidden}.drawing-workspace-back{z-index:30;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161919d6;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;font-size:1.3rem;font-weight:900;text-decoration:none;display:grid;position:fixed;top:1rem;left:1rem;box-shadow:0 .6rem 1.4rem #141e2033}.drawing-workspace-stage{grid-template-columns:7.2rem minmax(0,auto);justify-content:center;align-items:start;gap:1rem;max-width:100%;max-height:100%;display:grid}.drawing-workspace-stage .drawing-tools-wrap{align-self:start;margin-top:clamp(1rem,8svh,5rem);position:relative;top:auto;left:auto}.drawing-workspace-only .drawing-player-art-wrap.is-workspace{width:fit-content;max-width:calc(100vw - 11.2rem);max-height:calc(100svh - 2rem);display:block}.drawing-workspace-only .drawing-player-art{aspect-ratio:auto;width:fit-content;max-width:100%;max-height:calc(100svh - 2rem);display:grid}.drawing-workspace-only .drawing-player-line{object-fit:contain;width:auto;max-width:calc(100vw - 11.2rem);height:auto;max-height:calc(100svh - 2rem);display:block;position:relative}.drawing-player-shell{grid-template-columns:minmax(220px,.38fr) minmax(560px,1.62fr);align-items:start;gap:clamp(1.5rem,4vw,4.5rem);width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:clamp(8.5rem,11vw,10rem) clamp(1.2rem,5vw,5.5rem) 4rem;display:grid}.drawing-player-copy{max-width:420px}.drawing-back{color:#49666a;margin-bottom:2rem;font-weight:850;text-decoration:none;display:inline-block}.drawing-player-eyebrow{color:#7b492d;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem;font-size:.78rem;font-weight:900}.drawing-player-copy h1{margin:0 0 1.15rem;font:400 clamp(2.35rem,4.5vw,4.9rem)/.98 Fraunces,Georgia,serif}.drawing-player-intro{color:#536366;margin:0 0 1.8rem;line-height:1.65}.drawing-tools-wrap{z-index:10;gap:.8rem;width:7.2rem;display:grid;position:absolute;top:10%;left:clamp(.55rem,1.8vw,1.15rem)}.drawing-tools{background:#b7b5b1f2;border-radius:.35rem;grid-template-columns:repeat(2,1fr);align-items:center;gap:.25rem;padding:.7rem .4rem .55rem;display:grid;box-shadow:0 .8rem 1.8rem #141e202e}.drawing-tool,.drawing-tool-action,.drawing-quick-colors button,.drawing-size-picker button,.drawing-color-grid button{cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid}.drawing-tool{background:0 0;border-radius:.7rem;width:3rem;height:4.35rem;transition:transform .2s,filter .2s;transform:scale(.94)}.drawing-tool.is-active{z-index:1;filter:drop-shadow(0 .35rem .35rem #15191a3d);transform:scale(1.14)translateY(-.08rem)}.drawing-tool svg{width:2.5rem;height:3.55rem}.drawing-tool-action{color:#f4f4f4;background:#ffffff1a;border-radius:.72rem;width:2.7rem;height:2.7rem}.drawing-tool-action:disabled{opacity:.3;cursor:default}.drawing-tool-action svg{width:1.25rem;height:1.25rem}.drawing-history-tools{color:#fff;background:#121313f7;border-radius:.3rem;gap:.25rem;width:max-content;padding:.35rem;display:flex;box-shadow:0 .6rem 1.4rem #141e2033}.drawing-quick-colors{background:#101111fa;border-radius:.25rem;grid-template-columns:repeat(3,2rem);gap:.38rem;padding:.6rem;display:grid;box-shadow:0 .7rem 1.6rem #141e2033}.drawing-quick-colors button{background:var(--swatch);border:2px solid #0000;border-radius:50%;width:2rem;height:2rem;box-shadow:0 0 0 1px #ffffff29}.drawing-quick-colors button.is-active{box-shadow:0 0 0 2px var(--swatch), 0 0 0 4px #fffc;border-color:#1b1d1e}.drawing-quick-colors .drawing-rainbow{background:conic-gradient(#f33,#ffdc2e,#38c95b,#35c8ef,#4865ef,#ca4ce2,#f33)}.drawing-size-picker,.drawing-color-grid-popover{z-index:20;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1d1dfa;position:absolute;left:calc(100% + .65rem);box-shadow:0 1.2rem 3rem #1423254d}.drawing-size-picker{border-radius:.55rem;grid-template-columns:repeat(3,4.15rem);gap:.55rem;padding:.75rem;display:grid;top:8.9rem}.drawing-size-picker button{color:#f4f4f4;background:0 0;border-radius:.8rem;width:4.15rem;height:3.75rem}.drawing-size-picker button.is-active{color:#111;background:#f4f4f2}.drawing-size-picker svg{width:2.75rem;height:2rem}.drawing-eraser-size{width:var(--size-step);height:var(--size-step);border:2px solid;border-radius:50%}.drawing-color-grid-popover{border-radius:.55rem;width:min(26rem,86vw);padding:1rem;top:0}.drawing-color-grid-popover>p{color:#fff;text-align:center;margin:0 0 .75rem;font-weight:900}.drawing-color-grid{border-radius:.55rem;grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}.drawing-color-grid button{aspect-ratio:1;background:var(--swatch);border-radius:0;width:100%}.drawing-color-grid button.is-active{z-index:1;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #151616}.drawing-save-note{color:#536366;margin:1.15rem 0 0;font-size:.86rem;font-weight:750}.drawing-player-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.drawing-player-actions button,.drawing-player-empty a{color:#fff;cursor:pointer;background:#704124;border:1px solid #704124;border-radius:999px;padding:.85rem 1.15rem;font-weight:900;text-decoration:none}.drawing-player-actions button:disabled{opacity:.58;cursor:default}.drawing-player-actions .drawing-player-reset{color:#704124;background:#ffffff80}.drawing-player-art-wrap{place-items:center;min-width:0;display:grid;position:relative}.drawing-player-art-wrap.has-tools{padding-left:8.4rem}.drawing-player-art{width:100%;max-height:calc(100vh - 11rem);aspect-ratio:var(--drawing-ratio);background:#fff;border:.7rem solid #ffffffd1;border-radius:1.45rem;position:relative;overflow:hidden;box-shadow:0 2rem 6rem #2d4c4e33}.drawing-player-art>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.drawing-player-line{z-index:2;pointer-events:none;filter:grayscale();mix-blend-mode:multiply;-webkit-user-select:none;user-select:none}.drawing-color-canvas{z-index:1;cursor:crosshair;touch-action:none;background:#fff;width:100%;height:100%;position:absolute;inset:0}.drawing-player-prompt{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#294851e6;border:1px solid #ffffffc7;border-radius:999px;width:min(82%,360px);padding:1rem 1.4rem;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 2.5rem #1a30353d}.drawing-player-empty{text-align:center;align-content:center;place-items:center;gap:1rem;min-height:100vh;padding:8rem 1rem 3rem;display:grid}@media (max-width:900px){.drawings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-player-shell{grid-template-columns:1fr;align-items:start}.drawing-player-copy{max-width:720px}.drawing-player-art{max-height:none}.drawing-detail-shell{grid-template-columns:1fr;align-items:start;padding-top:8rem}.drawing-detail-copy{max-width:720px}.drawing-detail-art{width:fit-content;max-width:100%}.drawing-detail-art img{max-height:none}}@media (max-width:580px){.drawings-grid{grid-template-columns:1fr}.drawing-meta{align-items:flex-end}.drawing-hours{opacity:1}.drawing-player-shell{padding-top:7.5rem}.drawing-player-art-wrap.has-tools{padding-left:5.6rem}.drawing-workspace-only{padding:.5rem}.drawing-workspace-stage{grid-template-columns:4.8rem minmax(0,auto);gap:.5rem}.drawing-workspace-stage .drawing-tools-wrap{margin-top:3.5rem}.drawing-workspace-only .drawing-player-art-wrap.is-workspace,.drawing-workspace-only .drawing-player-line{max-width:calc(100vw - 6.3rem);max-height:calc(100svh - 1rem)}.drawing-detail-shell{padding-top:7.5rem}.drawing-tools-wrap{gap:.55rem;width:4.8rem;left:.1rem}.drawing-quick-colors{grid-template-columns:repeat(3,1.08rem);gap:.28rem;padding:.42rem}.drawing-quick-colors button{border-width:1px;width:1.08rem;height:1.08rem}.drawing-tools{padding:.4rem .2rem .3rem}.drawing-tool{width:2rem;height:3rem}.drawing-tool svg{width:1.85rem;height:2.55rem}.drawing-tool-action{width:2rem;height:2rem}.drawing-size-picker{grid-template-columns:repeat(3,3.15rem);top:6.2rem}.drawing-size-picker button{width:3.15rem}.drawing-color-grid-popover{width:min(20rem,100vw - 7rem)}.drawing-player-art{border-width:.35rem;border-radius:1rem}}