*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;background:var(--paper,#f4f0e6);color:var(--ink,#252e29);font:14px/1.6 var(--font-book,serif)}body{background:repeating-linear-gradient(11deg,#514a3502 0 1px,transparent 1px 4px),var(--paper)}button,.import-label{font:inherit;color:inherit;background:#f3ead3;border:1px solid #535d4c66;border-radius:3px;padding:5px 12px;cursor:pointer}button[aria-pressed=true]{border-color:var(--vermilion);color:var(--vermilion)}button:focus-visible{outline:2px solid var(--vermilion)}.web-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;border-bottom:1px solid #535d4c44;flex-wrap:wrap}.web-header strong{font:28px var(--font-brush,serif)}nav{display:flex;flex-wrap:wrap;gap:6px}.workbench{display:flex;align-items:center;justify-content:center;gap:24px;min-height:calc(100dvh - 130px);padding:12px}.card-area{min-width:0;display:flex;flex-direction:column;align-items:center}iframe{border:0;display:block;max-width:100%}#card{width:360px;height:192px}#save-status{min-height:24px;font-size:12px;color:var(--vermilion);max-width:360px;overflow-wrap:anywhere}#panel-frame{width:min(670px,52vw);height:min(700px,calc(100dvh - 110px));border:1px solid #535d4c66;box-shadow:0 5px 25px #252e2915}iframe[hidden]{display:none}footer{padding:10px 16px;font-size:11px;color:#62695c;position:fixed;bottom:0;left:0;pointer-events:none}dialog{background:var(--paper);color:var(--ink);border:1px solid #535d4c;max-width:min(440px,calc(100vw - 24px));padding:24px;box-shadow:0 12px 55px #252e2944}dialog::backdrop{background:#252e2966}dialog form{display:flex;justify-content:flex-end;gap:12px}dialog p{overflow-wrap:anywhere}@media(max-width:1000px){#panel-frame{position:fixed;inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);max-width:none;z-index:10;background:var(--paper)}.web-header{padding:12px}.workbench{min-height:65dvh}}@media(min-width:1001px){.workbench:has(#panel-frame:not([hidden])) #card{max-width:40vw}}

#save-status:not(:empty){position:fixed;right:12px;bottom:74px;z-index:20;max-width:calc(100vw - 24px);padding:6px 10px;background:var(--paper);border:1px solid #943b2d66;pointer-events:none}

#tab-blocked{position:fixed;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#eee8d9,#f4f0e6 70%)}#tab-blocked[hidden]{display:none}#tab-blocked h1{font:clamp(22px,5vw,32px) var(--font-brush,serif);border-bottom:1px solid #535d4c66;padding-bottom:20px}#take-over{margin-top:12px;color:var(--vermilion);border-color:var(--vermilion)}