:root{color-scheme:light;--paper:#f0eee7;--ink:#202822;--muted:#626b64;--rule:#cfcec3;--accent:#b84126;--blue:#286574;--green:#566947;font-family:Arial,Helvetica,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select,input,textarea{border:1px solid var(--rule);background:#faf9f4;border-radius:3px}button{cursor:pointer;padding:7px 10px;min-height:32px}button:hover{border-color:var(--ink)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:inherit}button.on{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}header{height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{font-size:13px;font-weight:800;letter-spacing:.1em;text-decoration:none}.brand span{font-weight:400;margin-left:14px;letter-spacing:.04em}.head-actions{display:flex;gap:6px}main{height:calc(100dvh - 49px);display:grid;grid-template-rows:49px minmax(160px,1fr) 43px 82px 38px minmax(210px,.85fr);max-width:1800px;margin:auto}.selection{display:flex;align-items:center;gap:10px;padding:5px 18px}.selection label{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);min-width:0}.selection select{max-width:340px;min-width:0;height:31px}.selection input{width:52px;padding:6px}.selection .origin{flex:1}.selection .origin select{width:100%}.selection .chapter{flex:1}.selection .chapter select{width:100%}.screen{position:relative;background:#101612;overflow:hidden;min-height:0;display:flex;justify-content:center}.screen video{width:100%;height:100%;object-fit:contain}.screen-head,.screen-foot{position:absolute;left:16px;right:16px;color:#fff;display:flex;justify-content:space-between;gap:8px;font:11px/1.4 ui-monospace,monospace;pointer-events:none;text-shadow:0 1px 3px #000}.screen-head{top:12px}.screen-head span{background:#101612b3;padding:3px 6px}.screen-foot{bottom:10px}.screen-foot a{pointer-events:auto;max-width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#101612b3;padding:3px 6px}.screen-foot span{background:#101612b3;padding:3px 6px}#bigPlay{position:absolute;align-self:center;background:#eeeee0e3;border:0;border-radius:50%;width:50px;height:50px;font-size:20px;color:var(--ink)}.transport{display:flex;align-items:center;gap:7px;padding:5px 18px}.transport button{padding:5px 10px}.transport input{min-width:30px;flex:1;accent-color:var(--accent)}.transport output{font:11px ui-monospace,monospace;white-space:nowrap}.ribbon-wrap{padding:2px 18px 8px;overflow:hidden}#ribbon{display:flex;gap:3px;height:100%;overflow-x:auto;scrollbar-width:thin}.tile{position:relative;flex:1 0 62px;min-width:62px;padding:0;background:#28322c;overflow:hidden;border-radius:2px;border:2px solid transparent;color:white}.tile img{width:100%;height:100%;object-fit:cover;opacity:.65}.tile span{position:absolute;left:4px;top:3px;font:10px ui-monospace,monospace;background:#101612ad;padding:2px}.tile small{position:absolute;left:4px;bottom:3px;font:10px ui-monospace,monospace}.tile.active{border-color:var(--accent)}.tile.active img{opacity:1}.tile::after{content:'';position:absolute;bottom:0;left:0;height:4px;width:100%;background:var(--strand,#8e9e8b)}.tabs{display:flex;align-items:center;padding:0 18px;gap:4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.tabs button{background:transparent;border:0;font-size:12px;white-space:nowrap}.tabs button.on{color:var(--accent);background:transparent;box-shadow:inset 0 -2px var(--accent)}#status{margin-left:auto;font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:1fr 1.08fr 1fr;min-height:0}.pane{padding:12px 18px;overflow:auto;min-width:0;border-right:1px solid var(--rule);scrollbar-width:thin}.pane:last-child{border-right:0}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}h1,h2{font:600 16px Georgia,serif;margin:0}h3{font:600 15px Georgia,serif}.pane-head button{font-size:10px;padding:4px 6px;min-height:28px}.operations{display:flex;gap:5px;flex-wrap:wrap}.operations button{font-size:11px;padding:5px 7px}.hint{color:var(--muted);font-size:11px;line-height:1.45;margin:8px 0}.occ-title{font-weight:600;margin:10px 0 7px}.trim-row{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.trim-row label{flex:1;min-width:50px}.trim-row input,.trim-row select{width:100%;padding:5px}.move-row{display:flex;gap:5px;margin-top:8px}.move-row button{font-size:11px}.measurements{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:10px;margin-top:12px}.measurements div{font:18px Georgia,serif}.measurements small{display:block;color:var(--muted);font:10px Arial,sans-serif;margin-top:3px}.join{padding:7px 0;border-bottom:1px solid var(--rule);font-size:11px}.join.gap,.join.back{color:var(--accent)}details{margin-top:10px}summary{cursor:pointer;font-size:12px}.badge{font:10px ui-monospace,monospace;color:var(--muted);white-space:nowrap}label{display:block;font-size:11px;color:var(--muted)}label select,label textarea,label input{display:block;margin-top:4px;width:100%;padding:6px;color:var(--ink)}.reading-top,.questions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.reading-top button{align-self:end}.questions select{font-size:11px}.suggestion{border-left:3px solid var(--blue);background:#e3e9e4;padding:8px;display:flex;gap:8px;align-items:center;margin:10px 0;font-size:12px}.suggestion p{margin:3px 0;font-size:11px;line-height:1.4}.suggestion button{flex-shrink:0;font-size:10px}textarea{resize:vertical;min-height:48px;margin-bottom:8px}#periodic{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(3,27px);gap:2px;margin:8px 0}.element{padding:0;min-height:0;min-width:0;font-size:10px;border:1px solid #a7b0a1;border-radius:1px;background:color-mix(in srgb,var(--family) var(--heat),#f4f4eb);color:#17221d}.element.selected{outline:2px solid var(--accent);z-index:1}.sign-detail{font-size:11px;line-height:1.5}.sign-detail b{font:600 15px Georgia,serif;display:block}.examples{display:flex;gap:5px;overflow-x:auto;margin:8px 0}.example{flex:0 0 80px;padding:0;overflow:hidden;font-size:10px}.example img{width:80px;height:45px;object-fit:cover;background:#252e27}.example span{display:block;padding:4px}.source-context{font-size:11px;line-height:1.5}.neighbor{display:flex;justify-content:space-between;gap:5px;margin:5px 0;align-items:center}.neighbor button{padding:4px 6px;font-size:10px}.coverage{padding:7px;background:#e4e7db;margin:6px 0}.media-error{position:absolute;align-self:center;background:#18231eea;color:#fff;padding:18px;max-width:90%;border:1px solid #879289;z-index:3}.media-error b,.media-error span{display:block;margin-bottom:8px}.media-error span{font-size:12px;max-width:460px}.loader{padding:32px}.loader button{margin:12px}dialog{max-width:620px;width:calc(100% - 24px);max-height:85dvh;overflow:auto;border:1px solid var(--rule);background:var(--paper);padding:22px;border-radius:5px}dialog::backdrop{background:#1019129c}dialog p{font-size:12px;line-height:1.5}.close{float:right}.menu-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#saved>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;border-bottom:1px solid var(--rule)}#saved button{font-size:11px}#typeGuide p{margin:10px 0}#typeGuide b{display:block}.source-context .warning{color:var(--accent)}
@media(max-width:900px){.workspace{display:block}.pane{height:100%;border-right:0;display:none}.workspace[data-active=arrange] #arrange,.workspace[data-active=read] #read,.workspace[data-active=table] #table{display:block}main{grid-template-rows:49px minmax(140px,1fr) 42px 70px 38px minmax(220px,1fr)}.tabs #status{max-width:35%}.pane{padding:12px 16px}#periodic{grid-template-rows:repeat(3,30px)}}
@media(max-width:540px){header{padding:0 10px;height:44px}.brand{font-size:10px;letter-spacing:.05em}.brand span{margin-left:6px;font-size:10px}.head-actions{gap:3px}.head-actions button{font-size:11px;padding:5px 7px;min-height:30px}main{height:calc(100dvh - 44px);grid-template-rows:66px minmax(118px,.85fr) 40px 64px 36px minmax(180px,1fr)}.selection{padding:5px 10px;gap:6px;display:grid;grid-template-columns:minmax(90px,1fr) minmax(85px,1fr) 35px 35px 41px}.selection label{display:block;font-size:9px}.selection input{width:35px;font-size:11px;padding:5px 2px;height:31px}.selection select{width:100%;font-size:11px}.selection button{padding:5px;font-size:11px;align-self:end}.transport{padding:4px 10px;gap:4px}.transport button{padding:5px 7px;font-size:10px}.transport output{font-size:9px}.transport #sound{width:50px;padding:4px;font-size:9px}.ribbon-wrap{padding:1px 10px 6px}.tabs{padding:0 8px;gap:1px}.tabs button{font-size:11px;padding:5px 8px}#status{max-width:90px!important;font-size:9px}.screen-head,.screen-foot{left:10px;right:10px;font-size:9px}.pane-head h1,.pane-head h2{font-size:15px}.pane{padding:10px}#periodic{grid-template-rows:repeat(3,26px)}.element{font-size:9px}}
.media-error button{color:var(--ink);margin-right:5px}main>*{min-width:0}.tabs #status{min-width:0}.selection select{max-width:100%}.transport output{flex-shrink:0}
@media(max-width:540px){.tabs #status{position:fixed;bottom:12px;left:12px;right:12px;max-width:none!important;white-space:normal;background:#202822;color:#fff;padding:9px 12px;border-radius:4px;line-height:1.4;font-size:11px;z-index:20;pointer-events:none;opacity:0;transition:opacity .15s}.tabs #status.visible{opacity:1}}
@media(max-height:580px){main{grid-template-rows:42px minmax(90px,1fr) 35px 50px 34px minmax(90px,.8fr)}.selection{height:42px}.selection label span{display:none}.pane{padding:8px}header{height:40px}main{height:calc(100dvh - 40px)}}