.writing-desk .desk-intro{gap:var(--space-12);padding-bottom:var(--space-8);grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);align-items:end;display:grid}.redesign .writing-desk h1{margin-top:var(--space-4);max-width:none;font-size:clamp(40px,5.2vw,72px);line-height:1.02}.writing-desk h1 span{color:var(--muted)}.desk-intro-note{max-width:36ch;font-size:var(--text-base);line-height:1.6}.desk-intro-note a{align-items:center;gap:var(--space-6);min-height:44px;margin-top:var(--space-3);text-underline-offset:5px;display:inline-flex}.desk-workspace{gap:var(--space-6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.submit-sheet{padding:var(--space-8)}.redesign .submit-sheet-heading h2{font-size:var(--text-2xl);margin:var(--space-3) 0;line-height:1.1}.submit-sheet-heading>p:last-child{color:var(--muted);font-size:var(--text-sm)}.submit-sheet .dropzone{min-height:172px;padding:var(--space-6);background:var(--bg);transition:background var(--motion-base), border-color var(--motion-base);border-style:solid}.submit-sheet .drop-icon{width:32px;height:32px;transition:transform var(--motion-base) var(--ease-standard)}.submit-sheet .dropzone:hover .drop-icon,.submit-sheet .dropzone.is-dragging .drop-icon{transform:translateY(-4px)}.submit-sheet .dropzone strong{overflow-wrap:anywhere}.paste-disclosure{border-block:1px solid var(--border)}.paste-disclosure summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;min-height:48px;list-style:none;display:flex}.paste-disclosure summary::-webkit-details-marker{display:none}.paste-disclosure summary>span{font-size:var(--text-xl);transition:transform var(--motion-base)}.paste-disclosure[open] summary>span{transform:rotate(45deg)}.paste-disclosure textarea{width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.paste-disclosure>p{margin:var(--space-2) 0 var(--space-4)}.file-clear{min-height:44px;padding:var(--space-2) 0;text-underline-offset:4px;cursor:pointer;font-size:var(--text-sm);background:0 0;border:0;align-items:center;text-decoration:underline;display:inline-flex}.submit-signin{font-size:var(--text-sm)}.submit-signin a{text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.reading-example{background:var(--fg);color:var(--surface);border-radius:var(--radius-lg);scroll-margin-top:96px;overflow:hidden}.example-heading{justify-content:space-between;align-items:start;gap:var(--space-4);padding:var(--space-8) var(--space-8) 0;display:flex}.example-heading .mono-label{color:var(--border)}.redesign .example-heading h2{margin-top:var(--space-3);color:inherit;font-size:40px;line-height:1}.example-stamp{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);color:var(--border);font:var(--text-xs)/1.5 var(--font-mono);transform:rotate(4deg)}.example-stage{padding:var(--space-8) 48px var(--space-8) var(--space-8);position:relative}.example-page{background:var(--bg);color:var(--fg);padding:var(--space-6) var(--space-8) var(--space-8);font:14px/1.5 "Courier Prime", var(--font-mono);transition:transform .25s var(--ease-standard);border-radius:2px;position:relative;transform:rotate(-2deg)}.example-page:before{content:"";z-index:-1;border:1px solid var(--border-strong);border-radius:2px;position:absolute;inset:8px -5px -5px 5px}.example-stage:hover .example-page{transform:rotate(0)}.example-page-meta{justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border);padding-bottom:var(--space-3);margin-bottom:var(--space-4);font:10px/1.5 var(--font-mono);color:var(--meta);display:flex}.example-line{transition:background var(--motion-base), border-color var(--motion-base);border-left:2px solid #0000;margin:0;padding:4px 8px;position:relative}.example-line.is-marked{background:var(--surface-sunken);border-left-color:var(--fg)}.example-line-number{color:var(--meta);font:10px/1.5 var(--font-mono);position:absolute;top:6px;left:-24px}.example-character{padding-top:12px;padding-left:30%}.example-dialogue{padding-inline:18% 8%}.example-action{margin-top:var(--space-3)}.example-slug{font-weight:600}.example-page-end{margin-top:var(--space-5);text-align:right;color:var(--meta);font-size:10px;display:block}.example-margin-label{writing-mode:vertical-rl;letter-spacing:.16em;font:10px var(--font-mono);color:var(--border);position:absolute;top:36px;right:12px}.example-controls{margin:var(--space-6) var(--space-8) 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.example-controls button{min-height:56px;color:var(--surface);border:1px solid var(--border-strong);padding:var(--space-2) 4px;cursor:pointer;font-family:var(--font-mono);transition:background var(--motion-base), color var(--motion-base);background:0 0;border-radius:4px}.example-controls button[aria-pressed=true]{background:var(--surface);color:var(--fg);border-color:var(--surface)}.example-controls button:hover{background:var(--surface-sunken);color:var(--fg)}.example-control-name{display:none}.example-reading{padding:var(--space-6) var(--space-8) 0;min-height:224px}.example-reading .mono-label{color:var(--border)}.redesign .example-reading h3{font-size:var(--text-xl);color:var(--surface);margin-block:var(--space-3);line-height:1.25}.example-reading>p:last-child{color:var(--border);font-size:var(--text-sm);line-height:1.6}.example-footnote{margin:var(--space-6) var(--space-8) var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border-strong);color:var(--border);font-size:var(--text-xs);line-height:1.6}.desk-principles{gap:var(--space-6);padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:repeat(3,1fr);display:grid}.desk-principles span{font-family:var(--font-mono);margin-right:var(--space-3);color:var(--meta)}.writing-desk :is(a,button,summary):focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.reading-example button:focus-visible{outline-color:var(--surface)}@media (width<=1024px){.writing-desk .desk-intro{gap:var(--space-4);grid-template-columns:1fr}.desk-intro-note{max-width:60ch}.desk-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.submit-sheet{padding:var(--space-6)}.example-stage{padding-inline:24px 36px}.example-heading{padding:24px 24px 0}.example-controls{margin-inline:24px}.example-reading{padding-inline:24px}.example-footnote{margin-inline:24px}}@media (width<=768px){.writing-desk.page{padding-top:var(--space-6)}.desk-workspace{grid-template-columns:minmax(0,1fr)}.redesign .writing-desk h1{font-size:clamp(36px,7.5vw,54px)}.writing-desk .desk-intro{padding-bottom:var(--space-6)}.desk-principles{gap:var(--space-3);grid-template-columns:1fr}.example-heading h2{font-size:32px}.example-controls{gap:4px;margin-inline:16px}.example-controls button{min-height:48px}.example-page{padding-inline:24px 16px;font-size:12px}.example-line-number{left:-20px}.example-stage{padding-inline:24px 32px}.example-reading{min-height:236px}}@media (prefers-reduced-motion:reduce){.writing-desk *,.writing-desk :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.example-page,.example-stage:hover .example-page,.submit-sheet .dropzone:hover .drop-icon{transform:none}}@media (width<=768px){.submit-sheet{padding:var(--space-5)}.redesign .submit-sheet-heading h2{font-size:var(--text-xl);margin-block:var(--space-2)}}
