/* A paper workspace, separate from the app's native entry interface. */
.ways-write{background:transparent;border:0;border-radius:0;padding:0}
.ways-write .prose{margin-inline:auto;text-align:center}
.paper-prompt-bubble{position:relative;width:fit-content;max-width:520px;margin:30px auto 38px;padding:22px 26px;border:1px solid #dcd6ce;border-radius:24px;background:#fff;box-shadow:0 5px 14px #46352708}
.paper-prompt-bubble::after{content:"";position:absolute;bottom:-10px;left:44px;width:18px;height:18px;background:#fff;border-right:1px solid #dcd6ce;border-bottom:1px solid #dcd6ce;transform:rotate(45deg)}
.paper-prompt-bubble .ways-write-prompt{margin:0;font:500 1.15rem/1.6 var(--font-body, sans-serif);color:#292723}
.paper-prompt-bubble [data-entry-next]{margin-top:12px;font-size:.85rem;color:#666}
.paper-toolbar,.paper-pen-tools,.paper-photo-tools{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.paper-toolbar button,.paper-pen-tools button,.paper-photo-tools button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 15px;border:1px solid #cfc7bb;border-radius:10px;background:#fffdf9;color:#292723;font:inherit;font-size:.9rem;cursor:pointer}
.paper-toolbar button[aria-pressed="true"],.paper-pen-tools button[aria-pressed="true"]{background:#292723;color:white;border-color:#292723}
.paper-toolbar .icon{width:17px;height:17px}.paper-pen-tools label,.paper-photo-tools label{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:400}
.paper-pen-tools input[type="color"]{width:38px;height:36px;border:1px solid #cfc7bb;padding:3px;border-radius:6px;background:white}
.paper-pen-tools input[type="range"],.paper-photo-tools input[type="range"]{width:100px;accent-color:#665644}
.paper-pen-tools button:disabled{opacity:.45;cursor:default}
.paper-tool-hint{text-align:center;font-size:.85rem;line-height:1.6;color:#666;max-width:620px;margin:10px auto 16px;min-height:1.6em}
.paper-desk{padding:10px 8px 38px}
.entry-paper{--paper-unit:1px;position:relative;isolation:isolate;width:min(100%,560px);aspect-ratio:148/210;margin:0 auto;background-color:#fffdf7;background-image:radial-gradient(#a99b8512 .6px,transparent .7px);background-size:5px 5px;box-shadow:0 2px 3px #3c2c1912,0 15px 25px -15px #3c2c1960,0 30px 45px -30px #3c2c1940;border-radius:2px;overflow:hidden}
.entry-paper::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #b7a4820b;pointer-events:none;z-index:6}
.paper-heading{position:absolute;top:calc(43 * var(--paper-unit));left:calc(60 * var(--paper-unit));right:calc(60 * var(--paper-unit));display:flex;justify-content:space-between;gap:10px;font:clamp(9px,1vw,12px)/1.5 Georgia,serif;color:#777269;pointer-events:none}
.ways-write .paper-text{position:absolute;top:calc(112 * var(--paper-unit));left:calc(60 * var(--paper-unit));width:calc(620 * var(--paper-unit));min-height:0;margin:0;padding:0;border:0;border-radius:0;resize:none;background:transparent;color:#292723;font-family:Georgia,serif;line-height:1.55;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;z-index:1}
.ways-write .paper-text:focus-visible{outline:0}.entry-paper:focus-within{outline:2px solid #ac9371;outline-offset:5px}
.paper-text::placeholder{color:#9c9588}
.paper-photos{position:absolute;inset:0;z-index:2;pointer-events:none}
.paper-photo{position:absolute;display:block;padding:0;border:0;background:white;outline:5px solid white;box-shadow:0 4px 12px #00000026;pointer-events:none;user-select:none;touch-action:none}
.paper-photo img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.entry-paper[data-mode="move"] .paper-photo{pointer-events:auto;cursor:grab}
.entry-paper[data-mode="move"] .paper-photo:active{cursor:grabbing}
.entry-paper[data-mode="move"] .paper-photo[aria-pressed="true"]{outline:3px solid #94744c;outline-offset:5px}
.entry-paper[data-mode="move"] .paper-text,.entry-paper[data-mode="draw"] .paper-text{pointer-events:none}
.paper-sketch{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.entry-paper[data-mode="draw"] .paper-sketch{pointer-events:auto;touch-action:none;cursor:crosshair}
.paper-drop-cue{display:none;position:absolute;inset:14px;z-index:5;place-items:center;border:2px dashed #8c7457;background:#fffdf7dd;color:#56412b;font:1.1rem/1.5 Georgia,serif;pointer-events:none}
.paper-dragover .paper-drop-cue{display:grid}
.ways-write-actions{justify-content:center;margin-top:24px}
.ways-write-actions [data-paper-download]{background:#292723;color:#fff;border-color:#292723}
.ways-write-note{margin:14px auto;text-align:center}.ways-write-status{text-align:center}
.paper-help{max-width:560px;margin:0 auto 14px;color:#666;font-size:.85rem;line-height:1.6}
.paper-help summary{width:fit-content;margin:auto;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:8px}
.paper-help p{margin:8px 0}
.ways-write-continue{max-width:720px;margin:12px auto 0;gap:24px}
.ways-write-continue p{font-size:.9rem;color:#666}
@media(max-width:760px){.paper-desk{padding-inline:0}.paper-toolbar{gap:7px}.paper-toolbar button{padding:10px 12px}.paper-prompt-bubble{padding:18px 20px}.paper-prompt-bubble .ways-write-prompt{font-size:1.05rem}.ways-write{padding:0}.ways-write-continue{text-align:center}}
