:root{--paper:#fff;--canvas:#fff;--ink:#181818;--muted:#6e6e6e;--line:#d8d3c9;--accent:#506f8f;--accent-strong:#3f5f82;--success:#4f7a5a;--warning:#c58b39;--danger:#b74b4b;--font-size-caption:.8rem;--font-size-label:.82rem;--font-size-note:.84rem;--font-size-compact-display:clamp(1.65rem, 8.2vw, 2.05rem);--font-size-empty-state-title:clamp(1.1rem, 4.8vw, 1.35rem);--status-success-ink:#285132}*{box-sizing:border-box}html{background:0 0;font-size:130%}body{min-height:100vh;color:var(--ink);font-family:var(--font-handwriting), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;letter-spacing:-.035em;overflow-wrap:break-word;word-break:keep-all;background:0 0;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button:focus-visible,.icon-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, white);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.52}.button--primary{background:var(--accent);color:var(--canvas)}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--secondary{background:var(--canvas);border-color:var(--line);color:var(--ink)}.button--danger{background:var(--danger);color:var(--canvas)}.button--text{color:var(--accent);background:0 0;padding-inline:0}.button--disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:#e7e5e0}.card{background:var(--canvas);border:1px solid var(--line);border-radius:12px}.icon-button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.dialog-backdrop{z-index:20;background:#1818186b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-panel{background:var(--canvas);border-radius:12px;width:100%;max-width:420px;padding:20px}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-heading h2{margin:0;font-size:1.125rem}.status-notice{border:1px solid var(--line);border-radius:8px;padding:14px}.status-notice p{color:var(--muted);margin:6px 0 0}.status-notice--success{border-color:var(--success)}.status-notice--warning{border-color:var(--warning)}.status-notice--danger{border-color:var(--danger)}.marketing-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:24px}.marketing-header{justify-content:space-between;align-items:center;padding:4px 0 28px;display:flex}.wordmark{letter-spacing:-.07em;white-space:nowrap;align-items:center;gap:7px;min-height:44px;font-size:clamp(1.15rem,4.8vw,1.45rem);font-weight:700;display:inline-flex}.wordmark-mark{object-fit:contain;flex:none;width:32px;height:32px}.simple-header .wordmark{justify-self:center;width:max-content}.header-note,.free-note{color:var(--muted);font-size:.875rem}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:48px;min-height:calc(100vh - 110px);padding:32px 0 64px;display:grid}.landing-copy{max-width:560px}.eyebrow{color:var(--accent);margin:0 0 18px;font-size:.9rem;font-weight:700}.landing-copy h1{letter-spacing:-.06em;max-width:10ch;margin:0;font-size:clamp(2.15rem,7vw,3.75rem);line-height:1.1}.landing-copy>p:not(.eyebrow):not(.free-note){color:var(--muted);margin:24px 0;font-size:1.05rem;line-height:1.7}.landing-cta{min-width:min(100%,260px);margin-bottom:12px}.drawing-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:420px;margin:0 auto;display:grid}.sample-drawing{background:var(--canvas);border:1px solid var(--line);min-height:190px;margin:0;padding:18px}.sample-drawing--1{transform:rotate(-3deg)}.sample-drawing--2{transform:rotate(2deg)}.sample-drawing--3{transform:rotate(2.5deg)}.sample-drawing--4{transform:rotate(-2deg)}.portrait-mark{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:132px;font-family:inherit;font-size:3rem;display:flex}.portrait-mark span:last-child{margin-top:-16px;font-family:inherit;font-size:1.5rem}.sample-drawing figcaption{color:var(--muted);padding-top:12px;font-size:.8rem}.form-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:24px}.simple-header{padding:4px 0 44px}.create-intro{gap:12px;max-width:430px;display:grid}.create-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.9rem,8vw,3.25rem);line-height:1.14}.create-intro>p:not(.eyebrow):not(.field-hint){color:var(--muted);margin:4px 0 20px;line-height:1.6}.field-label{margin-top:8px;font-size:.92rem;font-weight:700}.create-intro input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-height:52px;padding:12px 14px;font-size:1rem}.create-intro input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 18%, white)}.field-hint{color:var(--muted);margin:0;font-size:.82rem}.form-error{color:var(--danger);margin:0;font-size:.88rem}.create-flow{padding-bottom:max(24px, env(safe-area-inset-bottom));gap:28px;display:grid}.section-heading h2{margin:0;font-size:1.05rem}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:.84rem;line-height:1.5}.section-heading{margin-bottom:12px}.create-submit{width:100%}.create-complete{gap:14px;padding:48px 0;display:grid}.create-complete h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.85rem,8vw,3.15rem);line-height:1.14}.create-complete>p:not(.eyebrow){color:var(--muted);margin:0 0 10px;line-height:1.6}.create-complete input{background:var(--canvas);border:1px solid var(--line);text-overflow:ellipsis;width:100%;min-height:52px;padding:12px;overflow:hidden}.create-complete-actions{gap:10px;display:grid}.create-complete-actions .button{width:100%}.create-complete-actions [role=status]{color:var(--muted);margin:2px 0 0;font-size:.88rem;line-height:1.5}.public-sketchbook-shell,.draw-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:20px 20px 112px}.public-header,.draw-header{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.public-header>a{align-items:center;min-height:44px;display:inline-flex}.public-header span{color:var(--muted);font-size:.82rem}.public-intro{padding:40px 0 28px}.public-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.9rem,8vw,3.25rem);line-height:1.14}.public-intro>p:not(.eyebrow):not(.participant-copy){color:var(--muted);margin:14px 0 0;line-height:1.6}.public-section-title{margin:0 0 12px;font-size:1.05rem}.submission-success{border:1px solid var(--success);color:var(--status-success-ink);background:#eaf3eb;margin:0 0 18px;padding:12px 14px}.friend-drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.friend-drawing-card{background:var(--canvas);border:1px solid var(--line);padding:8px}.friend-drawing-card img{width:100%;height:auto;display:block}.friend-drawing-card p{margin:10px 2px 3px;font-size:.9rem}.friend-drawing-card span,.empty-drawings{color:var(--muted);font-size:.8rem}.empty-drawings{text-align:center;grid-column:1/-1;margin:32px 0}.draw-header{border-bottom:1px solid var(--line);margin-bottom:12px}.draw-header p{margin:0;font-size:1rem}.sketch-stage{aspect-ratio:1;background:var(--canvas);border:1px solid var(--line);touch-action:none;position:relative;overflow:visible}.canvas-viewport{position:absolute;inset:0;overflow:hidden}.drawing-surface{transform-origin:50%;width:100%;height:100%}.drawing-canvas{touch-action:none;z-index:2;background:0 0;width:100%;height:100%;display:block;position:relative}.canvas-crosshair{pointer-events:none;z-index:3;position:absolute;inset:0}.canvas-crosshair:before,.canvas-crosshair:after{content:"";background:#5656561f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-crosshair:before{width:1px;height:100%}.canvas-crosshair:after{width:100%;height:1px}.drawing-loupe{background:var(--canvas);border:2px solid var(--accent);opacity:0;pointer-events:none;visibility:hidden;z-index:5;border-radius:50%;width:104px;height:104px;transition:opacity .14s ease-out,transform .14s cubic-bezier(.16,1,.3,1),visibility 0s linear .14s;position:absolute;overflow:hidden}.drawing-loupe:before{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);content:"";pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:4px}.drawing-loupe-tip{background:var(--canvas);border:1px solid color-mix(in srgb, var(--loupe-brush-color) 72%, var(--line));height:calc(var(--loupe-brush-size) + 8px);pointer-events:none;width:calc(var(--loupe-brush-size) + 8px);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drawing-loupe-tip:after{background:color-mix(in srgb, var(--loupe-brush-color) var(--loupe-brush-opacity), transparent);content:"";height:var(--loupe-brush-size);width:var(--loupe-brush-size);border-radius:50%}.drawing-loupe.is-visible{opacity:1;visibility:visible;transition-delay:0s}.drawing-loupe--above{transform-origin:bottom;transform:translate(-50%,calc(-100% - 24px))scale(.86)}.drawing-loupe--above.is-visible{transform:translate(-50%,calc(-100% - 24px))scale(1)}.drawing-loupe canvas{z-index:0;width:100%;height:100%;display:block;position:relative}.canvas-pinch-hint,.canvas-zoom-status{color:var(--canvas);font-size:var(--font-size-label);pointer-events:none;z-index:6;background:#1818189e;margin:0;padding:7px 9px;line-height:1.3;position:absolute;top:10px;right:10px}.canvas-zoom-status{background:#181818bd}.editor-tabs{background:var(--canvas);border:1px solid var(--line);border-top:0;grid-template-columns:repeat(2,1fr);display:grid}.editor-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;min-height:48px}.editor-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--ink)}.editor-tabs button:disabled{color:#9a9892}.draw-tools{background:var(--canvas);border:1px solid var(--line);border-top:0;padding:12px}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-row+.tool-row{margin-top:12px}.drawing-action-row{grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,44px);display:grid}.drawing-range-controls{margin-top:12px}.tool-button{background:var(--canvas);border:1px solid var(--line);color:var(--ink);cursor:pointer;padding:8px 10px;font-size:.82rem}.tool-button:disabled{cursor:not-allowed;opacity:.38}.tool-button--icon{flex:0 0 44px;justify-content:center;align-items:center;height:44px;padding:7px;display:inline-flex}.tool-button--icon img{object-fit:contain;width:26px;height:26px;display:block}.tool-button--clear{grid-column:1/-1}.tool-button.is-active{border-color:var(--accent);color:var(--accent)}.color-swatch{border:8px solid var(--canvas);cursor:pointer;outline:1px solid var(--line);border-radius:50%;width:44px;height:44px}.color-swatch.is-active{outline:2px solid var(--ink)}.custom-color-swatch{flex:none;place-items:center;display:grid;position:relative}.custom-color-swatch span{color:var(--ink);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:sans-serif;font-size:1rem;line-height:1;display:flex}.custom-color-swatch input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.custom-color-swatch:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 38%, white);outline-offset:2px}.line-width{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.82rem;display:flex}.line-width input{accent-color:var(--accent);max-width:110px}.guide-controls{gap:12px;display:grid}.guide-empty-copy{color:var(--muted);font-size:var(--font-size-label);text-align:center;margin:0;line-height:1.5}.drawing-range-controls{gap:8px;margin-top:12px;display:grid}.drawing-range-controls .range-control{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:4px 8px;min-height:56px;font-size:.82rem;display:grid}.range-control span{color:var(--ink)}.range-control strong{color:var(--muted);text-align:right;font-size:.82rem;font-weight:700}.drawing-range-controls .range-control input{accent-color:var(--accent);grid-column:1/-1;width:100%}.crosshair-toggle{border:1px solid var(--line);align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex}.crosshair-toggle input{accent-color:var(--accent);width:20px;height:20px}.drawing-submit-form{gap:8px;margin-top:24px;display:grid}.drawing-submit-form input,.drawing-submit-form textarea{background:var(--canvas);border:1px solid var(--line);color:var(--ink);padding:10px 12px}.drawing-submit-form input{min-height:48px}.drawing-submit-form textarea{resize:vertical}.drawing-submit-form .button{margin-top:8px}.manage-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:20px}.manage-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.85rem,7.5vw,3.1rem);line-height:1.14}.manage-moderation-notice{margin-bottom:14px}.manage-summary{background:var(--canvas);border:1px solid var(--line);gap:12px;padding:16px;display:grid}.manage-summary p{margin:0}.manage-summary strong{color:var(--accent);font-size:1.3rem}.manage-summary progress{accent-color:var(--accent);width:100%;height:8px}.retention-notice{background:var(--canvas);border:1px solid var(--line);border-radius:8px;gap:5px;margin-top:12px;padding:14px 16px;display:grid}.retention-notice strong{font-size:.92rem;font-weight:700}.retention-notice p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.retention-notice--warning{background:color-mix(in srgb, var(--warning) 7%, var(--canvas));border-color:var(--warning)}.retention-notice--warning p:last-child{color:var(--ink);font-weight:500}.manage-actions{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 30px;display:grid}.manage-drawings{scroll-margin-top:16px}.manage-drawings h2{margin:0 0 12px;font-size:1.05rem}.manage-drawing-card{min-width:0}.manage-drawing-image{position:relative}.best-badge{background:var(--accent);z-index:1;padding:5px 7px;position:absolute;top:8px;left:8px;color:var(--canvas)!important;font-size:.72rem!important}.drawing-status{margin:8px 2px;display:block}.drawing-actions{border-top:1px solid var(--line);margin-top:10px;padding-top:4px}.drawing-actions summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.drawing-action-panel{gap:8px;padding-bottom:4px;display:grid}.drawing-action-panel button{background:var(--canvas);border:1px solid var(--line);color:var(--ink);cursor:pointer;min-height:44px;padding:8px}.drawing-action-panel button:disabled{cursor:not-allowed;opacity:.45}.best-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.best-actions button[aria-pressed=true]{background:var(--accent);color:var(--canvas)}.drawing-action-panel .danger-action{border-color:color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger)}.share-shell{max-width:650px;padding:24px 24px max(24px, env(safe-area-inset-bottom));margin:0 auto}.share-shell>a{color:var(--muted);align-items:center;min-height:44px;font-size:.9rem;display:inline-flex}.story-heading-editor{gap:8px;margin-bottom:20px;display:grid}.story-heading-meta{justify-content:space-between;align-items:center;display:flex}.story-heading-meta label{color:var(--ink);font-size:1rem;font-weight:700}.story-heading-meta span{color:var(--muted);font-size:.8rem}.story-heading-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.story-heading-row input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);font:inherit;width:100%;min-height:48px;padding:10px 12px}.story-heading-row input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 18%, white)}.story-heading-row .button{min-width:72px}.story-heading-editor>p{color:var(--muted);margin:0;font-size:.82rem}.image-mode-dialog-backdrop{z-index:40;position:fixed;inset:0}.image-mode-dialog{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:12px;width:min(100% - 32px,520px);max-width:520px;margin:auto;padding:20px}.image-mode-dialog::backdrop{background:#1818187a}.image-mode-dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.image-mode-dialog-heading h2{margin:0;font-size:1.3rem}.image-mode-dialog-heading>:is(button,a){border:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:flex}.image-mode-options{gap:12px;display:grid}.image-mode-option{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:8px;gap:4px;min-height:96px;padding:14px;text-decoration:none;display:grid}.image-mode-option:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 18%, white)}.image-mode-option strong{font-size:1.1rem}.image-mode-option span{color:var(--accent);font-size:.82rem;font-weight:700}.image-mode-option p{color:var(--muted);margin:0}.drawing-picker{gap:16px;margin:20px 0;display:grid}.drawing-picker-heading h2,.drawing-picker-current h3,.drawing-picker-owner h3{margin:0;font-size:1rem}.drawing-picker-heading p{color:var(--muted);margin:5px 0 0;font-size:.85rem}.drawing-picker-current,.drawing-picker-owner{gap:8px;display:grid}.drawing-picker-search{gap:6px;display:grid}.drawing-picker-search label{font-size:.9rem;font-weight:700}.drawing-picker-search input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;width:100%;min-height:52px;padding:10px 12px}.drawing-picker-search input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 18%, white)}.drawing-picker-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.drawing-picker-option{background:var(--canvas);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:6px;gap:8px;width:100%;min-width:0;padding:6px;display:grid;position:relative}.drawing-picker-option[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}.drawing-picker-option:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 22%, white);outline-offset:2px}.drawing-picker-option img{aspect-ratio:1;object-fit:contain;background:#fff;width:70%;height:auto;margin:0 auto;display:block}.drawing-picker-option-meta{gap:2px;min-width:0;padding:0 4px 4px;display:grid}.drawing-picker-option-meta strong,.drawing-picker-option-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawing-picker-option-meta strong{font-size:.9rem}.drawing-picker-option-meta small,.drawing-picker-help,.drawing-picker-empty{color:var(--muted);font-size:.8rem}.drawing-picker-selected{background:var(--accent);color:var(--canvas);padding:5px 7px;font-size:.72rem;font-weight:700;position:absolute;top:10px;right:10px}.drawing-picker-help,.drawing-picker-empty{margin:-6px 0 0}.story-theme-picker{border:0;margin:0;padding:0}.story-theme-picker legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:1rem;font-weight:700}.story-theme-options{grid-auto-columns:86px;grid-auto-flow:column;gap:8px;padding:2px 0 8px;display:grid;overflow-x:auto}.story-theme-option{background:var(--canvas);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;gap:5px;min-height:132px;padding:4px;font-family:inherit;font-size:.82rem;display:grid}.story-theme-option[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}.story-theme-thumbnail{aspect-ratio:3/4;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;display:block}.share-mode-action{margin-bottom:20px;display:grid}.single-image-preview{aspect-ratio:1;border:1px solid var(--line);pointer-events:none;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;margin:16px 0;position:relative;overflow:hidden}.single-image-preview__heading{letter-spacing:-.04em;margin:0;font-size:clamp(1.1rem,5.5vw,2rem);line-height:1.2;position:absolute;top:6%;left:6%;right:6%}.single-image-preview__frame{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;overflow:hidden}.single-image-preview__frame img{object-fit:contain}.single-image-preview__frame span{color:var(--muted);font-size:clamp(.72rem,3vw,.95rem)}.single-image-preview__author{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.8rem,3.6vw,1.15rem);position:absolute;bottom:10.5%;left:8%;right:8%;overflow:hidden}.single-image-preview__watermark{opacity:.52;white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:2.2%;left:33.33%;right:33.33%}.single-image-preview__watermark img{width:18%;height:auto}.single-image-preview__watermark span{font-size:clamp(.62rem,2.9vw,.9rem);font-weight:700}.story-preview{aspect-ratio:3/4;border:1px solid var(--line);pointer-events:none;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:0;margin:16px 0;position:relative;overflow:hidden}.story-preview__heading{letter-spacing:-.04em;margin:0;font-size:clamp(1.1rem,4.8vw,2.1rem);line-height:1.2;position:absolute;top:4%;left:4%;right:4%}.story-preview>h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.35rem,7vw,2.8rem);line-height:1.14;position:absolute;top:10%;left:4%;right:4%}.landing-copy h1,.create-intro h1,.create-complete h1,.public-intro h1,.manage-heading h1,.story-preview>h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;text-wrap:balance;word-break:keep-all}.story-best-grid{pointer-events:none;position:absolute;inset:0}.story-best-slot{background:var(--canvas);border:1px solid var(--line);justify-content:center;align-items:center;min-width:0;margin:0;display:flex;position:absolute;overflow:hidden}.story-best-slot b{background:var(--accent);color:var(--canvas);z-index:2;padding:5px 7px;font-size:.75rem;position:absolute;top:0;left:0}.story-best-slot--1 b{padding:6px 8px;font-size:.82rem}.story-best-slot img{object-fit:contain}.story-best-slot span{color:var(--muted);font-size:.75rem}.story-preview-public-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.55rem,2.2vw,.72rem);position:absolute;left:19.444%;right:19.444%;overflow:hidden;transform:translateY(-100%)}.story-watermark{pointer-events:none;white-space:nowrap;z-index:3;justify-content:center;align-items:center;gap:3%;display:flex;position:absolute}.story-watermark img{object-fit:contain;width:20%;height:auto}.story-watermark span{color:var(--ink);font-size:clamp(.78rem,3.6vw,1.35rem);font-weight:700}.story-output-meta{color:var(--muted);text-align:center;margin:-4px 0 14px;font-size:.8rem}.watermark-purchase-trigger{width:100%;margin-bottom:12px}.watermark-purchase-dialog .purchase-dialog-copy{word-break:keep-all}.watermark-applied{border:1px solid var(--line);color:var(--success);font-size:var(--font-size-note);text-align:center;margin:0 0 12px;padding:12px}.story-download{z-index:1;gap:8px;display:grid;position:relative}.story-download .button{width:100%}.story-download p{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.share-output-canvas,.share-output-download{display:none}.delete-sketchbook{border-top:1px solid var(--line);padding:24px 0 max(24px, env(safe-area-inset-bottom));margin-top:44px}.delete-sketchbook h2{margin:0;font-size:1rem}.delete-sketchbook p{color:var(--muted);margin:8px 0 16px;font-size:.85rem;line-height:1.6}.delete-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger-outline{border-color:color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger);width:100%}.legal-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:20px clamp(16px,4.6vw,28px) 40px}.legal-document{padding:34px 0 24px}.legal-intro{max-width:32rem}.legal-shell h1{font-size:var(--font-size-compact-display);letter-spacing:-.04em;margin:0;line-height:1.18}.legal-intro>p:not(.eyebrow):not(.legal-effective-date){color:var(--muted);margin:16px 0 0;line-height:1.65}.legal-effective-date{color:var(--muted);font-size:var(--font-size-caption);margin:12px 0 0}.legal-toc{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:28px 0 8px;padding:8px;display:grid}.legal-toc a{color:var(--muted);font-size:var(--font-size-caption);align-items:center;min-height:44px;padding:6px 8px;display:flex}.legal-document section{margin-top:clamp(34px,8vw,52px);scroll-margin-top:16px}.legal-document section h2{margin:0 0 12px;font-size:1rem}.legal-document section p,.legal-document section li,.legal-data-list dd{color:var(--muted);line-height:1.7}.legal-document section p{margin:0}.legal-document section p+p{margin-top:12px}.legal-document section ul{margin:0;padding-left:1.2rem}.legal-document section li+li{margin-top:8px}.legal-document section ul+p,.legal-document section p+ul{margin-top:14px}.legal-document section strong{color:var(--ink)}.legal-document section a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.legal-data-list{gap:18px;margin:0 0 18px;display:grid}.legal-data-list div{gap:5px;display:grid}.legal-data-list dt{font-weight:700}.legal-data-list dd{margin:0}.legal-location-list{gap:8px;display:grid}.legal-page-links{padding:44px 0 max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.legal-page-links a{border:1px solid var(--line);color:var(--ink);font-size:var(--font-size-caption);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:8px;display:flex}.marketing-footer{color:var(--muted);font-size:var(--font-size-caption);text-align:center;flex-direction:column;align-items:center;padding-top:24px;display:flex}.marketing-footer-links{flex-wrap:wrap;justify-content:center;display:flex}.marketing-footer-links a{justify-content:center;align-items:center;min-height:44px;padding-inline:8px;display:inline-flex}.business-disclosure{font-style:normal}.business-disclosure--compact{border-top:1px solid var(--line);max-width:34rem;padding:16px 0 max(8px, env(safe-area-inset-bottom));width:100%;margin-top:8px;line-height:1.65}.business-disclosure--compact p{overflow-wrap:anywhere;margin:0}.business-disclosure--compact p+p{margin-top:2px}.business-disclosure--compact a{color:inherit;text-underline-offset:3px;text-decoration:underline}@media (max-width:720px){.marketing-shell{padding:20px}.header-note{display:none}.landing-hero{flex-direction:column;align-content:space-between;gap:40px;min-height:calc(100vh - 68px);padding-top:30px;display:flex}.landing-copy{width:100%}.landing-copy h1{max-width:10ch;font-size:clamp(2.15rem,10vw,3.25rem)}.drawing-stack{max-width:360px}.sample-drawing{min-height:150px;padding:14px}.portrait-mark{min-height:100px}.public-sketchbook-shell,.draw-shell{padding-inline:16px}}@media (max-width:480px){.form-shell,.manage-shell,.share-shell{padding-inline:16px}.simple-header{padding-bottom:28px}.friend-drawing-grid{grid-template-columns:minmax(0,1fr)}.public-sketchbook-shell .friend-drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-actions{grid-template-columns:minmax(0,1fr)}.draw-header p{text-align:center;font-size:.9rem}.tool-row{align-items:stretch}.tool-button{flex:92px}.tool-button--icon{flex:0 0 44px}.line-width{flex:100%;min-height:44px;margin-left:0}.line-width input{width:100%;max-width:none}.story-preview{min-height:0}}@media (max-width:360px){.legal-page-links{grid-template-columns:minmax(0,1fr)}}@media (max-width:410px){.color-palette{grid-template-columns:repeat(3,44px);justify-content:space-between;display:grid}}@media (orientation:landscape) and (max-height:500px){.landing-hero{min-height:auto}.public-intro{padding-block:22px}.draw-shell{max-width:920px}.draw-header{margin-bottom:8px;position:static}.draw-shell .sketch-editor{grid-template-columns:minmax(220px,.7fr) minmax(340px,1.3fr);align-items:start;gap:0 12px;display:grid}.draw-shell .sketch-stage{grid-row:1/3;justify-self:center;width:min(100%,75dvh - 72px);max-height:calc(100dvh - 96px)}.draw-shell .editor-tabs{border-top:1px solid var(--line)}}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drawing-entry-button{width:100%}.drawing-import{gap:6px;margin-top:8px;display:grid}.drawing-import-button{cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:48px;display:inline-flex;position:relative}.drawing-import-button input{opacity:0;width:1px;height:1px;position:absolute;inset:0}.drawing-import-button:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 38%, white);outline-offset:2px}.drawing-import-status{color:var(--muted);text-align:center;min-height:1.5em;margin:0;font-size:.82rem;line-height:1.5}.drawing-preview{aspect-ratio:1;background:var(--canvas);border:1px solid var(--line);margin:0;overflow:hidden}.drawing-preview img{object-fit:contain;width:100%;height:100%;display:block}.sketch-editor--fullscreen{background:var(--canvas);padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));z-index:100;grid-template-rows:minmax(0,1fr) auto;place-items:stretch stretch;gap:8px;display:grid;position:fixed;inset:0}.sketch-editor--fullscreen .sketch-stage{border-radius:0;width:min(650px,100cqh,100cqw);height:min(650px,100cqh,100cqw);max-height:none}.sketch-editor--fullscreen .sketch-stage-slot{grid-row:1;place-items:end center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.sketch-editor--fullscreen.sketch-editor--controls-open{grid-template-rows:minmax(0,1fr) auto auto}.sketch-editor--fullscreen.sketch-editor--controls-open .sketch-stage{width:min(650px,100cqh,100cqw - 48px);height:min(650px,100cqh,100cqw - 48px)}.sketch-editor--fullscreen .editor-control-panel{z-index:103;grid-row:2;justify-self:center;width:min(650px,100%);max-width:650px;max-height:min(44dvh,430px);overflow-y:auto}.fullscreen-action-area{grid-row:2;justify-self:center;gap:8px;width:100%;max-width:650px;display:grid}.sketch-editor--fullscreen.sketch-editor--controls-open .fullscreen-action-area{grid-row:3}.sketch-editor--fullscreen .editor-tabs{border-top:1px solid var(--line);border-radius:8px 8px 0 0}.sketch-editor--fullscreen .draw-tools{border-radius:0 0 8px 8px}.fullscreen-controls{z-index:104;grid-template-columns:repeat(4,minmax(44px,52px));justify-content:center;gap:8px;width:100%;display:grid;position:static}.fullscreen-controls button{background:var(--canvas);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;height:52px;padding:10px;display:flex}.fullscreen-controls button:disabled{cursor:not-allowed;opacity:.38}.fullscreen-controls button[aria-expanded=true]{border-color:var(--accent)}.fullscreen-drawing-error{background:var(--canvas);border:1px solid var(--line);color:var(--ink);z-index:104;margin:0;padding:10px 12px;font-size:.82rem}.fullscreen-controls img{object-fit:contain;width:30px;height:30px}.purchase-dialog-backdrop{z-index:110;background:#1818186b;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.purchase-dialog{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:12px;width:100%;max-width:618px;max-height:calc(100dvh - 32px);margin:0 auto;padding:20px;overflow-y:auto}.purchase-dialog::backdrop{display:none}.purchase-dialog-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.purchase-dialog-heading .eyebrow{margin:0 0 4px}.purchase-dialog-heading h2{word-break:keep-all;margin:0;font-size:1.35rem;line-height:1.25}.purchase-dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin:-8px -8px 0 0;font-size:1.45rem;display:flex}.purchase-dialog-copy{color:var(--muted);margin:10px 0 16px;font-size:.86rem}.purchase-plan-list{border:0;gap:8px;margin:0;padding:0;display:grid}.purchase-plan{border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.purchase-plan:has(input:checked){border-color:var(--accent)}.purchase-plan input{accent-color:var(--accent);width:20px;height:20px;margin:0}.purchase-plan span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.purchase-plan strong{font-size:.95rem}.purchase-plan small{color:var(--accent);font-size:.9rem;font-weight:700}.buyer-phone-field{gap:6px;margin-top:14px;display:grid}.buyer-phone-field label{color:var(--ink);font-size:.84rem;font-weight:700}.buyer-phone-field input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;width:100%;min-height:52px;padding:0 12px;font-size:1rem}.buyer-phone-field input:focus-visible{border-color:var(--accent);outline-offset:1px;outline:3px solid #506f8f2e}.buyer-phone-field small{color:var(--muted);font-size:var(--font-size-caption);line-height:1.45}.buyer-phone-field p{color:var(--danger);margin:0;font-size:.8rem}.purchase-submit{width:100%;margin-top:16px}.purchase-error{color:var(--danger);text-align:center;margin:12px 0 0;font-size:.8rem}.purchase-preparing{border:1px solid var(--line);color:var(--muted);padding:12px}.purchase-preparing strong{color:var(--ink);font-size:.9rem}.purchase-preparing p{color:var(--muted);word-break:keep-all;margin:4px 0 0;font-size:.82rem;line-height:1.55}.purchase-policy-note{color:var(--muted);font-size:var(--font-size-caption);text-align:center;margin:10px 0 0;line-height:1.5}.purchase-policy-note a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.purchase-consent{gap:6px;margin-top:14px;display:grid}.purchase-consent label{color:var(--ink);cursor:pointer;font-size:var(--font-size-label);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;line-height:1.5;display:grid}.purchase-consent input{accent-color:var(--accent);width:18px;height:18px;margin:2px 0 0}.purchase-consent input:focus-visible{outline-offset:2px;outline:3px solid #506f8f2e}.purchase-consent p,.watermark-purchase .purchase-consent p{color:var(--muted);font-size:var(--font-size-caption);text-align:left;margin:0 0 0 28px;line-height:1.5}.purchase-consent a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.payment-result-shell{align-items:center;max-width:650px;min-height:100dvh;margin:0 auto;padding:24px 18px;display:grid}.payment-result-card{border:1px solid var(--line);text-align:center;border-radius:8px;gap:16px;padding:24px 20px;display:grid}.payment-result-card h1{word-break:keep-all;margin:0;font-size:clamp(1.6rem,7vw,2rem);line-height:1.25}.payment-result-card>p,.payment-result-error p{color:var(--muted);word-break:keep-all;margin:0;line-height:1.65}.payment-result-card progress{width:100%}.payment-result-error{gap:10px;display:grid}.payment-receipt{border-top:1px solid var(--line);text-align:left;gap:14px;padding-top:18px;display:grid}.payment-receipt h2{margin:0;font-size:1.1rem}.payment-receipt-facts{gap:8px;margin:0;display:grid}.payment-receipt-facts div{grid-template-columns:minmax(88px,.42fr) 1fr;gap:4px;display:grid}.payment-receipt-facts dt{color:var(--muted)}.payment-receipt-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.payment-receipt-policy{color:var(--muted);margin:0;line-height:1.65}.payment-receipt-policy a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.payment-receipt-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media print{.payment-result-card>.button,.payment-result-error,.payment-receipt-actions,.simple-header{display:none!important}.payment-result-card{border:0;padding:0}.payment-result-shell{min-height:0;padding:0}}@media (min-width:651px){.purchase-dialog-backdrop{align-items:center}}main{width:100%}.marketing-shell,.form-shell,.public-sketchbook-shell,.draw-shell,.manage-shell,.share-shell{max-width:650px}.marketing-shell{padding:18px clamp(16px, 5vw, 30px) max(28px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.marketing-header,.public-header,.draw-header,.simple-header{border-bottom:1px solid var(--line);min-height:58px}.marketing-header{justify-content:space-between;padding:0;position:relative}.header-menu{position:relative}.header-menu summary{color:var(--ink);cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.3rem;list-style:none;display:inline-flex}.header-menu summary::-webkit-details-marker{display:none}.header-menu nav{background:var(--canvas);border:1px solid var(--line);z-index:10;border-radius:8px;min-width:180px;padding:6px;display:grid;position:absolute;top:46px;right:0}.header-menu nav a{align-items:center;min-height:44px;padding:8px 10px;font-size:.82rem;display:flex}.header-menu nav a+a{border-top:1px solid var(--line)}.marketing-header .wordmark,.public-header .wordmark{font-size:1.45rem}.marketing-header .header-note{display:none}.landing-hero{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:clamp(30px,8vw,52px) 0 0;display:flex}.landing-copy{width:100%;max-width:none}.landing-copy .eyebrow{margin-bottom:12px}.landing-copy h1{letter-spacing:-.07em;max-width:none;font-size:clamp(2.05rem,9.2vw,3.35rem);font-weight:700;line-height:1.16}.landing-copy>p:not(.eyebrow):not(.free-note){max-width:30ch;margin:18px 0 0;font-size:clamp(.92rem,3.7vw,1.05rem);line-height:1.7}.landing-collage{align-self:center;width:min(100%,430px);max-width:430px;margin:clamp(8px,2vw,16px) 0 0}.landing-collage img{width:100%;height:auto;display:block}.landing-action{text-align:center;gap:10px;margin-top:16px;display:grid}@media (orientation:portrait) and (max-height:720px){.landing-hero{padding-top:clamp(14px,3.5svh,28px)}.landing-collage{width:auto;height:34svh;max-height:34svh}.landing-collage img{object-fit:contain;width:auto;height:100%}.landing-action{margin-top:clamp(8px,2svh,16px)}}.landing-cta{width:100%;margin:0}@media (max-width:480px) and (max-height:620px) and (orientation:portrait){.marketing-shell{padding-block:10px max(12px, env(safe-area-inset-bottom))}.landing-hero{padding-top:14px}.landing-copy .eyebrow{font-size:var(--font-size-caption);margin-bottom:4px}.landing-copy h1{font-size:var(--font-size-compact-display);line-height:1.1}.landing-copy>p:not(.eyebrow):not(.free-note){font-size:var(--font-size-caption);margin-top:6px;line-height:1.4}.landing-collage{max-width:150px;margin-top:6px}.landing-action{margin-top:16px}.marketing-footer{padding-top:0}}.free-note{margin:0}.simple-header{text-align:center;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0;display:grid}.simple-header .header-icon-link{justify-self:start}.header-balance{min-width:44px;min-height:44px}.form-shell,.manage-shell,.share-shell,.draw-shell,.public-sketchbook-shell{padding-inline:clamp(16px,4.6vw,28px)}.create-flow{gap:24px;padding-top:30px}.create-intro{max-width:none}.create-intro h1,.create-complete h1,.manage-heading h1{font-size:clamp(1.55rem,6.6vw,2.2rem);font-weight:700}.manage-summary,.friend-board,.recent-drawing-card{background:var(--canvas);border:1px solid var(--line);border-radius:8px}.sketch-stage{border-radius:8px 8px 0 0}.editor-tabs{border-radius:0}.draw-tools{border-radius:0 0 8px 8px}.public-sketchbook-shell{padding-bottom:max(48px, env(safe-area-inset-bottom))}.public-header{text-align:center;grid-template-columns:44px minmax(0,1fr) 44px;padding:0;display:grid}.header-icon-link,.header-draw-link{color:var(--ink);justify-content:center;align-items:center;min-height:44px;font-size:.82rem;display:inline-flex}.header-icon-link{justify-content:center;justify-self:start;min-width:44px;font-size:1.3rem}.header-draw-link{color:var(--accent);justify-content:center;justify-self:end;min-width:44px;font-size:1.25rem;font-weight:700}.header-title{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;align-self:center;padding-inline:8px;font-size:clamp(.92rem,4vw,1.1rem);font-weight:700;display:block;overflow:hidden}.draw-header{text-align:center;grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.draw-header .icon-button{justify-self:start;min-width:44px;min-height:44px;padding:0}.draw-header p{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.86rem,3.7vw,1rem);font-weight:700;overflow:hidden}.draw-complete-link{color:var(--accent);justify-content:flex-end;align-items:center;min-height:44px;font-size:.82rem;font-weight:700;display:inline-flex}.public-intro{text-align:center;padding:clamp(26px,7vw,42px) 0 24px;display:block}.public-intro h1{letter-spacing:-.06em;font-size:clamp(1.5rem,6.2vw,2.15rem);font-weight:700;line-height:1.2}.intro-invitation{color:var(--accent);margin:12px 0 0;font-size:clamp(.88rem,3.5vw,1rem);font-weight:700}.public-intro>p:not(.eyebrow):not(.participant-copy){color:var(--muted);margin:7px 0 0;font-size:clamp(.8rem,3vw,.95rem);line-height:1.7}.participant-copy{color:var(--accent);margin:18px 0 0;font-size:clamp(.8rem,3vw,.95rem)}.participant-copy strong{font-size:1.15em}.friend-board{padding:clamp(12px,3.5vw,18px)}.section-title-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-title-row h2,.public-section-title{margin:0;font-size:clamp(1rem,4.2vw,1.25rem);font-weight:700}.section-title-row>span{color:var(--muted);font-size:.78rem}.friend-drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2.2vw,12px)}.friend-drawing-card{border-radius:6px;min-width:0;padding:6px}.friend-drawing-card img{aspect-ratio:1;object-fit:contain}.drawing-card-meta{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.drawing-card-meta p{text-overflow:ellipsis;white-space:nowrap;margin:8px 0 2px;font-size:clamp(.72rem,2.8vw,.9rem);overflow:hidden}.drawing-card-meta span{flex:none;margin-top:6px;font-size:.75rem}.board-draw-button{width:100%;margin-top:16px}.board-progress{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:.78rem;display:flex}.board-progress strong{color:var(--accent);font-size:1rem}.public-feed-section{margin-top:clamp(28px,7vw,42px)}.public-empty-state{background:var(--canvas);border:1px solid var(--line);text-align:center;border-radius:8px;gap:12px;margin-top:clamp(20px,5vw,30px);padding:clamp(18px,5vw,26px);display:grid}.public-empty-state h2{font-size:var(--font-size-empty-state-title);margin:0}.public-empty-state p{color:var(--muted);margin:0;line-height:1.65}.public-empty-create{gap:8px;margin-top:4px;display:grid}.public-empty-create .button{width:100%}.best-drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2.5vw,14px);display:grid}.best-drawing-card{min-width:0}.best-drawing-image{aspect-ratio:1;background:var(--canvas);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.best-drawing-image b{background:var(--accent);color:var(--canvas);z-index:1;padding:5px 7px;font-size:.75rem;font-weight:700;position:absolute;top:0;left:0}.best-drawing-image img{object-fit:contain;width:100%;height:100%}.best-drawing-image>span{color:var(--muted);font-size:.75rem}.best-drawing-card>p{text-align:center;margin:7px 2px 0;font-size:.78rem}.recent-drawing-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.recent-drawing-card img{aspect-ratio:1;border:1px solid var(--line);object-fit:contain;width:64px;height:auto}.recent-drawing-card div{gap:3px;min-width:0;display:grid}.recent-drawing-card strong{font-size:.9rem}.recent-drawing-card span,.recent-drawing-card p,.kind-comment{color:var(--muted);font-size:.75rem}.recent-drawing-card p{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.kind-comment{text-align:center;margin:12px 0 0;line-height:1.6}.manage-heading{padding:28px 0 18px}.manage-summary{padding:18px}.owner-original-card{background:color-mix(in srgb, var(--accent) 7%, var(--canvas));border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));margin:2px 0;padding:10px}.owner-original-card figcaption{justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.92rem;display:flex}.owner-original-card figcaption b{background:var(--accent);color:var(--canvas);padding:4px 7px;font-size:.72rem;font-weight:700}.owner-original-card img{background:var(--canvas);width:100%;height:auto;display:block}.managed-image-frame{aspect-ratio:1;background:var(--canvas);display:grid;position:relative;overflow:hidden}.managed-image-frame>.managed-image,.managed-image-frame>.managed-image-state{grid-area:1/1}.managed-image-frame>.managed-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out}.managed-image-frame>.managed-image--loaded{opacity:1}.managed-image-state{color:var(--muted);font-size:var(--font-size-label);text-align:center;flex-direction:column;justify-content:center;place-self:stretch stretch;align-items:center;gap:9px;padding:12px;display:flex}.managed-image-loading-line{background:linear-gradient(90deg, var(--line) 0 34%, var(--accent) 45% 55%, var(--line) 66% 100%);background-size:200% 100%;width:44px;height:2px;animation:1.1s linear infinite managed-image-loading;display:block}@keyframes managed-image-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.drawing-loupe,.managed-image-frame>.managed-image{transition:none}.managed-image-loading-line{background:var(--accent);animation:none}}.share-action-stack{gap:6px;display:grid}.share-action-stack .button{width:100%}.share-action-stack p{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.share-thumbnail-settings{border:1px solid var(--line);gap:12px;margin-top:14px;padding:16px;display:grid}.share-thumbnail-settings h2{margin:0 0 4px;font-size:1rem}.share-thumbnail-settings>div>p,.share-thumbnail-message{color:var(--muted);margin:0;font-size:.82rem}.share-thumbnail-settings fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.share-thumbnail-settings legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:.82rem;font-weight:700}.share-thumbnail-option{border:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;min-height:56px;padding:8px 10px;display:flex}.share-thumbnail-option:has(input:checked){border-color:var(--accent);outline:1px solid var(--accent)}.share-thumbnail-option--default{grid-column:1/-1}.share-thumbnail-option:has(input:disabled){cursor:not-allowed;opacity:.55}.share-thumbnail-option input{accent-color:var(--accent);flex:none}.share-thumbnail-option span{gap:2px;min-width:0;display:grid}.share-thumbnail-option strong,.share-thumbnail-option small{overflow-wrap:anywhere}.share-thumbnail-option small{color:var(--muted);font-size:.82rem}@media (max-width:390px){.share-thumbnail-settings fieldset{grid-template-columns:minmax(0,1fr)}}.post-submit-action{border:1px solid var(--success);background:#eaf3eb;gap:10px;margin:0 0 18px;padding:12px 14px;display:grid}.post-submit-action p{color:var(--status-success-ink);margin:0}.capacity-shell{text-align:center;gap:16px;padding-top:clamp(64px,18vh,140px);display:grid}.capacity-shell h1{margin:0;font-size:clamp(1.7rem,8vw,2.7rem);line-height:1.2}.capacity-shell>p:not(.eyebrow){color:var(--muted);margin:0 0 8px}.manage-shell .public-header{display:grid}.manage-drawing-card{border-radius:6px}.story-preview{background-color:var(--canvas);border-radius:8px}.share-header{margin-bottom:16px}.story-ranking-action{margin-bottom:20px;display:grid}.state-shell{text-align:center;align-content:center;gap:14px;max-width:650px;min-height:100svh;margin:0 auto;padding:32px clamp(18px,5vw,32px);display:grid}.state-shell h1{word-break:keep-all;margin:0;font-size:clamp(1.8rem,8vw,3rem);line-height:1.18}.state-shell>p:not(.eyebrow){color:var(--muted);margin:0 0 8px;line-height:1.65}.state-actions{gap:8px;display:grid}.header-menu nav button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;min-height:44px;padding:8px 10px;font-family:inherit;font-size:.82rem}.header-menu nav a+button,.header-menu nav button+a,.header-menu nav button+button{border-top:1px solid var(--line)}.header-menu-status{color:var(--muted);text-align:right;margin:6px 0 0;font-size:.76rem}.manage-pin-shell{max-width:650px;min-height:100vh;margin:0 auto;padding:20px clamp(16px,4.6vw,28px) 48px}.back-text-link{color:var(--muted);font-size:var(--font-size-label);align-items:center;min-height:44px;display:inline-flex}.manage-pin-shell section{padding-top:clamp(42px,12vw,82px)}.manage-pin-shell h1{margin:0;font-size:clamp(1.55rem,6.6vw,2.2rem);line-height:1.2}.manage-pin-shell section>p:not(.eyebrow){color:var(--muted);margin:12px 0 0;line-height:1.6}.manage-pin-form,.manage-security-form{gap:10px;display:grid}.manage-system-sans,.manage-system-sans button,.manage-system-sans input{font-family:system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.manage-system-sans .wordmark{font-family:var(--font-handwriting), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}.manage-system-sans .drawing-actions summary,.manage-system-sans .drawing-action-panel button,.manage-system-sans .drawing-action-panel .button{font-family:var(--font-handwriting), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size:var(--font-size-label);font-weight:700}.manage-system-sans .drawing-action-panel .button{min-height:44px;padding:8px}.manage-security-modal{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:12px;width:min(100% - 32px,420px);max-width:420px;padding:20px}.manage-security-modal::backdrop{background:#1818186b}.manage-pin-form{max-width:380px;margin-top:28px}.manage-pin-form input,.manage-security-form input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-height:52px;padding:12px 14px}.manage-pin-no-recovery{color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.5}.manage-security-form>p{color:var(--muted);font-size:var(--font-size-note);margin:8px 0 4px;line-height:1.55}.manage-security-form .button{width:100%;margin-top:8px}.delete-drawing-copy{color:var(--muted);font-size:var(--font-size-note);margin:12px 0;line-height:1.55}.delete-drawing-quota-option{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:16px 0;line-height:1.5;display:grid}.delete-drawing-quota-option input{accent-color:var(--accent);width:18px;height:18px;margin:3px 0 0}.delete-drawing-quota-option span{gap:4px;min-width:0;display:grid}.delete-drawing-quota-option strong{font-size:var(--font-size-label);overflow-wrap:anywhere;font-weight:700}.delete-drawing-quota-option small{color:var(--muted);font-size:var(--font-size-caption);overflow-wrap:anywhere}@media (max-width:319px){.landing-copy h1{font-size:1.85rem}.friend-drawing-grid,.best-drawing-grid{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (max-height:500px){.draw-shell{max-width:650px}.draw-shell .sketch-editor{display:block}.draw-shell .sketch-stage{width:100%;max-height:none}}.admin-shell{max-width:650px;min-height:100svh;padding:0 clamp(16px, 4.6vw, 28px) calc(92px + env(safe-area-inset-bottom));width:100%;margin:0 auto}.admin-header{justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex}.admin-header-brand{align-items:center;min-width:0;display:flex}.admin-role{color:var(--muted);white-space:nowrap;margin-left:10px;font-size:.82rem}.admin-logout{flex:none;position:relative}.admin-logout-button{min-height:44px;padding:8px 4px;font-size:.82rem}.admin-logout-error{background:var(--canvas);border:1px solid var(--danger);color:var(--danger);z-index:3;border-radius:6px;width:max-content;max-width:min(280px,100vw - 32px);margin:0;padding:8px 10px;font-size:.82rem;line-height:1.45;position:absolute;top:48px;right:0}.admin-identity{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:-5px 0 0;font-size:.82rem;overflow:hidden}.admin-main{padding-top:clamp(28px,7vw,44px)}.admin-dashboard-heading h1,.admin-error-state h1{letter-spacing:-.03em;text-wrap:balance;word-break:keep-all;margin:0;font-size:clamp(1.65rem,7.5vw,2.75rem);font-weight:700;line-height:1.2}.admin-dashboard-heading>p:not(.eyebrow),.admin-error-state>p:not(.eyebrow){color:var(--muted);margin:9px 0 0;font-size:1rem;line-height:1.65}.admin-dashboard-heading .eyebrow,.admin-error-state .eyebrow{margin-bottom:8px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 0;display:grid}.admin-stat-card{background:var(--canvas);border:1px solid var(--line);border-radius:6px;flex-direction:column;justify-content:space-between;min-height:104px;padding:13px 14px;display:flex}.admin-stat-card dt{color:var(--muted);font-size:.82rem;line-height:1.4}.admin-stat-card dd{color:var(--accent);letter-spacing:-.03em;margin:14px 0 0;font-size:1.25rem;font-weight:700;line-height:1.1}.admin-mock-note{color:var(--muted);margin:9px 2px 0;font-size:.82rem;line-height:1.5}.admin-quick-links{gap:8px;margin-top:30px;display:grid}.admin-list-card{background:var(--canvas);border:1px solid var(--line);border-radius:6px;gap:3px;min-height:64px;padding:11px 13px;display:grid}.admin-list-card strong{font-size:1rem;font-weight:700}.admin-list-card span{color:var(--muted);font-size:.82rem;line-height:1.45}.admin-list-card:focus-visible,.admin-bottom-nav a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, white);outline-offset:2px}.admin-status{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;min-height:28px;padding:4px 7px;font-size:.82rem;font-weight:700;display:inline-flex}.admin-status--active{border-color:var(--success);color:var(--success)}.admin-status--blocked{border-color:var(--danger);color:var(--danger)}.admin-bottom-nav{background:var(--canvas);border:1px solid var(--line);max-width:650px;padding:6px 6px max(6px, env(safe-area-inset-bottom));z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.admin-bottom-nav a{color:var(--muted);text-align:center;word-break:keep-all;justify-content:center;align-items:center;min-height:52px;padding:7px 3px;font-size:.82rem;font-weight:700;display:flex}.admin-bottom-nav a[aria-current=page]{background:color-mix(in srgb, var(--accent) 10%, var(--canvas));color:var(--accent)}.admin-stat-skeleton-list{padding:0;list-style:none}.admin-stat-skeleton{gap:16px}.admin-stat-skeleton>span:not(.sr-only){background:color-mix(in srgb, var(--line) 62%, var(--canvas));width:62%;height:12px;display:block}.admin-stat-skeleton>span:nth-child(2){width:48%;height:25px}.admin-error-state{align-items:start;gap:0;padding-top:clamp(34px,10vw,72px);display:grid}.admin-error-state .button{min-width:128px;margin-top:22px}.admin-page{gap:24px;min-width:0;display:grid}.admin-page-heading,.admin-sketchbook-card,.admin-detail-section,.admin-danger-zone,.admin-moderation-dialog,.admin-moderation-dialog-heading,.admin-moderation-dialog-heading>div{min-width:0}.admin-page-heading h1,.admin-cursor-error h1{letter-spacing:-.03em;text-wrap:balance;word-break:keep-all;margin:0;font-size:clamp(1.65rem,7.5vw,2.75rem);font-weight:700;line-height:1.2}.admin-page-heading>p:not(.eyebrow),.admin-cursor-error>p:not(.eyebrow){color:var(--muted);margin:9px 0 0;line-height:1.65}.admin-page-heading h1,.admin-sketchbook-card-heading h2,.admin-detail-section h2,.admin-detail-section-heading span,.admin-recent-drawings strong,.admin-recent-drawings li>div:first-child span,.admin-moderation-dialog-heading h2,.admin-moderation-dialog-copy,.admin-moderation-error{overflow-wrap:anywhere}.admin-page-heading .eyebrow,.admin-cursor-error .eyebrow{margin-bottom:8px}.admin-search-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.admin-search-form input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:8px;width:100%;min-width:0;min-height:52px;padding:11px 13px}.admin-search-form input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 18%, white)}.admin-search-form .button{min-height:52px}.admin-sketchbook-list,.admin-recent-drawings{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-sketchbook-card,.admin-detail-section{background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:14px}.admin-danger-zone{background:var(--canvas);border:1px solid color-mix(in srgb, var(--danger) 58%, var(--line));border-radius:6px;gap:16px;padding:14px;display:grid}.admin-danger-zone h2{color:var(--danger);word-break:keep-all;margin:0;font-size:1.08rem;line-height:1.3}.admin-danger-zone p{color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0;line-height:1.6}.admin-danger-zone .button{width:100%;min-height:48px}.admin-sketchbook-card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.admin-sketchbook-card-heading>div{min-width:0}.admin-sketchbook-card-heading h2{word-break:keep-all;margin:0;font-size:1.12rem;line-height:1.3}.admin-sketchbook-card-heading p{color:var(--muted);overflow-wrap:anywhere;word-break:normal;margin:3px 0 0;font-size:.82rem;line-height:1.45}.admin-card-facts,.admin-detail-facts,.admin-purchase-summary{margin:16px 0 0;display:grid}.admin-card-facts>div,.admin-detail-facts>div,.admin-purchase-summary>div{border-top:1px solid var(--line);grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);align-items:baseline;gap:12px;padding:9px 0;display:grid}.admin-card-facts dt,.admin-detail-facts dt,.admin-purchase-summary dt{color:var(--muted);font-size:.82rem}.admin-card-facts dd,.admin-detail-facts dd,.admin-purchase-summary dd{overflow-wrap:anywhere;text-align:right;word-break:normal;margin:0;font-size:.92rem}.admin-card-actions,.admin-detail-actions,.admin-moderation-actions{gap:8px;display:grid}.admin-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px}.admin-card-actions .button{text-align:center;min-height:44px;padding:8px 10px;font-size:.86rem}.admin-empty-state,.admin-detail-empty{border:1px solid var(--line);border-radius:6px;padding:20px 16px}.admin-empty-state p,.admin-detail-empty{color:var(--muted);margin-bottom:0;line-height:1.6}.admin-empty-state p{margin-top:6px}.admin-pagination{justify-content:center;display:flex}.admin-pagination .button{min-width:min(100%,180px)}.admin-cursor-error{align-items:start;padding-top:clamp(24px,7vw,48px)}.admin-cursor-error .button{justify-self:start}.admin-back-link{color:var(--accent);align-items:center;width:max-content;min-height:44px;font-size:.88rem;font-weight:700;display:inline-flex}.admin-back-link:focus-visible,.admin-card-actions a:focus-visible,.admin-pagination a:focus-visible,.admin-detail-actions a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, white);outline-offset:2px}.admin-detail-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.admin-detail-heading>div{min-width:0}.admin-detail-heading>div>p:last-child{overflow-wrap:anywhere;word-break:normal}.admin-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-actions .button{text-align:center;min-height:48px}.admin-detail-section h2{margin:0;font-size:1.08rem;line-height:1.3}.admin-detail-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin-detail-section-heading span{color:var(--muted);text-align:right;font-size:.78rem}.admin-purchase-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-purchase-summary>div{flex-direction:column;align-items:start;gap:4px;display:flex}.admin-purchase-summary dd{color:var(--accent);text-align:left;font-size:1.15rem;font-weight:700}.admin-recent-drawings{margin-top:14px}.admin-recent-drawings li{border-top:1px solid var(--line);justify-content:space-between;gap:16px;min-width:0;padding-top:10px;display:flex}.admin-recent-drawings li>div:first-child{gap:3px;min-width:0;display:grid}.admin-recent-drawings li>div:first-child span,.admin-recent-drawing-meta{color:var(--muted);font-size:.8rem;line-height:1.45}.admin-recent-drawing-meta{text-align:right;flex:none;gap:3px;display:grid}.admin-moderation-dialog{background:var(--canvas);border:1px solid var(--line);bottom:max(16px, env(safe-area-inset-bottom));color:var(--ink);border-radius:12px;width:calc(100% - 32px);max-width:618px;max-height:calc(100dvh - 32px);margin:0 auto;padding:20px;position:fixed;top:auto;left:16px;right:16px;overflow-y:auto}.admin-moderation-dialog::backdrop{background:#1818186b}.admin-moderation-dialog-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.admin-moderation-dialog-heading .eyebrow{margin:0 0 4px}.admin-moderation-dialog-heading h2{word-break:keep-all;margin:0;font-size:1.3rem;line-height:1.3}.admin-moderation-dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-8px -8px 0 0;font-size:1.45rem;display:flex}.admin-moderation-dialog-close:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, white);outline-offset:2px}.admin-moderation-dialog-close:disabled{cursor:not-allowed;opacity:.52}.admin-moderation-dialog-copy{color:var(--muted);margin:12px 0 0;line-height:1.6}.admin-delete-confirmation{gap:8px;margin-top:16px;display:grid}.admin-delete-confirmation p{color:var(--muted);margin:0;line-height:1.55}.admin-delete-confirmation strong{color:var(--ink);overflow-wrap:anywhere;word-break:normal}.admin-delete-confirmation label{font-size:.88rem;font-weight:700}.admin-delete-confirmation input{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:8px;width:100%;min-width:0;min-height:52px;padding:11px 13px;font-size:1rem}.admin-delete-confirmation input:focus{border-color:var(--danger);outline:3px solid color-mix(in srgb, var(--danger) 18%, white)}.admin-delete-confirmation input:disabled{cursor:not-allowed;opacity:.58}.admin-moderation-error{border:1px solid var(--danger);color:var(--danger);border-radius:6px;margin:14px 0 0;padding:10px 12px;line-height:1.5}.admin-moderation-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.admin-record-list{gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.admin-record-list>li,.admin-drawing-card,.admin-drawing-card-body,.admin-payment-card,.admin-record-card-heading,.admin-record-card-heading>div{min-width:0}.admin-drawing-card,.admin-payment-card{background:var(--canvas);border:1px solid var(--line);border-radius:6px}.admin-payment-cancel{gap:8px;margin-top:14px;display:grid}.admin-payment-cancel .button{width:100%}.admin-payment-cancel p,.admin-payment-cancel-state{color:var(--muted);font-size:var(--font-size-caption);text-align:center;margin:0}.admin-drawing-card{padding:8px;overflow:hidden}.admin-drawing-preview{aspect-ratio:1;background:var(--canvas);border:1px solid var(--line);border-radius:6px;width:100%;margin:0;overflow:hidden}.admin-drawing-preview img{object-fit:contain;width:100%;height:100%;display:block}.admin-drawing-disclosure{gap:8px;margin-top:12px;display:grid}.admin-drawing-disclosure>.button{width:100%}.admin-drawing-card-body{padding:12px 6px 6px}.admin-payment-card{padding:14px}.admin-record-card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.admin-record-card-heading h2{overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:1.12rem;line-height:1.3}.admin-record-card-heading p{color:var(--muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:.82rem;line-height:1.45}.admin-record-card-heading .admin-status{flex:none}.admin-status--mock{border-color:var(--accent);color:var(--accent)}.admin-record-action{margin-top:8px;display:grid}.admin-record-action .button{width:100%;min-height:48px}@media (max-width:390px){.admin-record-card-heading{flex-direction:column;align-items:start}}@media (max-width:319px){.drawing-picker-results,.admin-stat-grid,.admin-card-actions,.admin-detail-actions,.admin-moderation-actions,.admin-search-form{grid-template-columns:minmax(0,1fr)}.admin-header .wordmark span,.admin-role{display:none}}