@import url('tokens.css');
@import url('../cases/fonts.css');
:root{--workbench-control-border:color-mix(in srgb,var(--tdw-plum) 25%,var(--tdw-clay))}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--tdw-paper-warm);color:var(--tdw-plum);font:400 16px/1.5 var(--font-sans);caret-color:var(--tdw-berry)}
::selection{background:var(--tdw-mint);color:var(--tdw-plum)}
a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--tdw-berry);outline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{border:1px solid var(--workbench-control-border);background:transparent;border-radius:16px;padding:10px 16px;min-height:44px;cursor:pointer}
button:hover{background:var(--tdw-bone)}button:active{background:var(--tdw-mint)}button:disabled{opacity:.5;cursor:not-allowed}
button.primary{background:var(--tdw-plum);color:var(--tdw-paper-warm);border-color:var(--tdw-plum)}button.primary:hover{background:var(--tdw-berry)}
header{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--tdw-clay);padding:20px 4vw}
.brand{font:500 28px/1 var(--font-serif);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.preview-tag{margin-left:auto;font-size:12px;border:1px solid var(--tdw-clay);border-radius:16px;padding:5px 10px;white-space:nowrap}
main{max-width:1560px;margin:auto;padding:32px 4vw 60px}h1,h2,h3{line-height:1.2;margin-top:0}h1{font-size:32px;letter-spacing:-.02em}h2{font-size:21px}h3{font-size:18px;margin:26px 0 12px}p{max-width:70ch;margin:0 0 18px}
#welcome{max-width:1040px;padding:32px 0}#welcome h1{font:500 56px/1.1 var(--font-serif);letter-spacing:-.03em;margin-bottom:24px}.intro{font-size:21px;max-width:50ch}.entry-actions{display:flex;gap:12px;margin:28px 0 52px}.entry-actions button{padding:15px 24px}.examples{border-top:1px solid var(--tdw-clay);padding-top:28px;margin-bottom:36px}.examples button{margin:0 12px 12px 0}.privacy{font-size:14px;max-width:70ch}.file-label{max-width:600px}
label{display:flex;flex-direction:column;gap:7px;font-weight:500;font-size:14px;margin-bottom:20px}input,select,textarea{background:var(--tdw-paper-warm);border:1px solid var(--workbench-control-border);border-radius:16px;padding:10px 12px;width:100%;line-height:1.5;font-size:16px;font-weight:400;min-width:0}textarea{resize:vertical;min-height:88px}input[type=checkbox]{width:20px;height:20px}.check-label{flex-direction:row;align-items:center;gap:10px}input::placeholder,textarea::placeholder{color:var(--tdw-date);opacity:.7}
.fields,.story-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.span-all{grid-column:1/-1}.small{font-size:13px;line-height:1.55}.workspace-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.workspace-heading h1{margin-bottom:8px}#plan-meta{font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar button{font-size:13px;padding:8px 13px}details{border-top:1px solid var(--tdw-clay);border-bottom:1px solid var(--tdw-clay);padding:16px 0;margin:20px 0 28px}summary{cursor:pointer;font-weight:500;min-height:28px}details[open]>summary{margin-bottom:24px}
.workspace-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px}.outline-heading{display:flex;align-items:baseline;justify-content:space-between}.outline-heading span{font-size:13px}aside{min-width:0}#sequence{list-style:none;padding:0;margin:0 0 20px;counter-reset:beats}#sequence li{counter-increment:beats;border-bottom:1px solid var(--tdw-clay)}#sequence button{display:grid;grid-template-columns:24px minmax(0,1fr);width:100%;border:0;border-radius:0;padding:16px 12px;text-align:left;font-size:14px;gap:8px}#sequence button:before{content:counter(beats,decimal-leading-zero);font-size:12px;padding-top:3px;font-variant-numeric:tabular-nums}#sequence button[aria-current=true]{background:var(--tdw-mint)}#sequence small{display:block;font-size:12px;margin-top:5px;font-weight:400}#sequence strong{overflow-wrap:anywhere}.add-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.add-actions button{font-size:13px;padding:8px 12px}
.editor{min-width:0}.editor-top{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between}.editor-top h2{max-width:38ch;margin-bottom:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--tdw-clay);margin-bottom:28px;padding:0 0 12px}.tabs button{border-color:transparent;font-size:14px}.tabs button[aria-pressed=true]{background:var(--tdw-plum);color:var(--tdw-paper-warm)}
.neighbours{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:24px;border-top:1px solid var(--tdw-clay);margin-top:8px}.neighbours h3{margin:0 0 8px}.neighbours p{font-size:14px}.notice{padding:18px;background:var(--tdw-bone);font-size:14px;margin:16px 0}.preview-image{display:block;width:100%;height:auto;border:1px solid var(--tdw-clay);margin:20px 0 12px}.preview-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin-bottom:24px}dl{margin:20px 0}dt{font-weight:600;margin-top:16px;font-size:14px}dd{margin:4px 0 0;font-size:15px}.finding{padding:20px 0;border-bottom:1px solid var(--tdw-clay)}.finding h3{margin:0 0 10px}.finding p{font-size:14px;margin:8px 0}.finding button{font-size:13px}#status{position:sticky;bottom:12px;background:var(--tdw-bone);border:1px solid var(--tdw-clay);padding:10px 16px;max-width:780px;font-size:14px;margin:24px 0 0;overflow-wrap:anywhere}#status:empty{display:none}#handoff-panel{margin-top:44px;border-top:1px solid var(--tdw-clay);padding-top:28px}#handoff-panel .toolbar{margin-bottom:20px}
#confirm-action{padding:24px;background:var(--tdw-lime);margin-bottom:28px}#confirm-action button{margin:0 12px 8px 0}
footer{display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid var(--tdw-clay);padding:24px 4vw;font-size:13px}.skip{position:absolute;top:-80px;left:20px;background:var(--tdw-paper-warm);padding:12px;z-index:10}.skip:focus{top:12px}
@media(max-width:850px){header{gap:18px;flex-wrap:wrap}nav{order:3;width:100%;gap:18px}.workspace-grid{grid-template-columns:1fr;gap:28px}#sequence{display:flex;overflow-x:auto;scroll-snap-type:x proximity}#sequence li{flex:0 0 235px;border:1px solid var(--tdw-clay);scroll-snap-align:start}#sequence button{height:100%}.workspace-heading{display:block}.fields,.story-fields{grid-template-columns:1fr}.neighbours{grid-template-columns:1fr;gap:12px}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}#welcome h1{font-size:38px}.intro{font-size:18px}.entry-actions{flex-wrap:wrap;margin-bottom:36px}main{padding-top:24px}#status{position:static}.preview-tag{font-size:11px}.editor-top h2{font-size:20px}}