/* Notebook proportions and an actual continuous wire, including depth. */
.v8-book-3d{width:min(78%,calc(var(--cover-ratio,.8) * 390px));flex:none;background:var(--cover-fill,#63745c)}
.v8-book-3d canvas{object-fit:contain;background:var(--cover-fill,#63745c)}
.v9-preview-stage .v8-book-3d{width:min(74%,calc(var(--cover-ratio,.8) * 250px))}
.v10-cover-binding.v11-helix{position:absolute;inset:0;transform:translateZ(11px);transform-style:preserve-3d;pointer-events:none}
.v11-wire{display:block;position:absolute;left:0;top:0;height:2.7px;border-radius:2px;background:linear-gradient(#e4e7d5,#8c978f 40%,#333f3b 75%);box-shadow:0 1px 1px #0005;transform-origin:0 50%;backface-visibility:visible}
.v11-wire-hole{position:absolute;width:7px;height:7px;border:1px solid #938d78;border-radius:50%;background:#1d2523;transform:translate(-3px,-3px) translateZ(14px)}
[data-binding=top] .v11-wire-hole{top:6px}[data-binding=side] .v11-wire-hole{left:6px}
.paper-spread[data-binding=top] .v10-binding i,.paper-spread[data-binding=side] .v10-binding i{border-radius:45% 55% 38% 54%;transform:skew(-15deg);border-width:3px;box-shadow:1px 0 #e6e9df,inset -1px 0 #e1e9d3,2px 3px 2px #171c1966}
.v11-paper-preview{position:absolute;inset:0;padding:30px 22px 55px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;z-index:3;pointer-events:auto;animation:v11-open .45s ease-out}
.v11-paper-preview[hidden]{display:none}
.v11-preview-leaf{width:min(100%,calc(var(--preview-ratio) * 390px));padding:5px 5px 8px 6px;border-radius:5px;box-shadow:3px 6px 0 #d6c9ae,12px 20px 23px #34281440;transform:perspective(1000px) rotateX(3deg)}
.v11-preview-leaf canvas{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.v11-paper-preview button{border:1px solid #b9ae97;border-radius:5px;background:#f9f4e9;padding:8px 14px;color:#4b4437;font:12px 'DM Sans',sans-serif}
.v11-paper-preview small{font-size:10px;color:#6c6253;text-align:center}
.v11-open-paper>.v8-book-3d{opacity:0;transform:rotateY(-110deg)!important;transition:transform .4s,opacity .3s;pointer-events:none}
.v11-open-paper>#v8-cover-hint{display:none}
@keyframes v11-open{from{opacity:0;transform:perspective(1200px) rotateY(-28deg)}to{opacity:1;transform:perspective(1200px) rotateY(0)}}
.v10-book-settings .check{display:flex;flex-direction:row;align-items:center}.v10-book-settings .check input{width:auto}
.v11-create-editor form>button[type=submit]{position:sticky;bottom:0;width:100%;box-shadow:0 -8px 14px white;z-index:2}
.v11-create-editor .check{flex-direction:row;align-items:center;justify-content:flex-start}.v11-create-editor .check input{width:auto}
.paper-spread.v11-has-collages #idea-paper{mix-blend-mode:normal!important;opacity:1}
.paper-spread #idea-paper{position:relative;z-index:1}
.v10-binding[data-craft] svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 3px 1px #17211977)}
.paper-spread[data-binding=top] .v10-binding[data-craft]{top:-20px;height:40px}.paper-spread[data-binding=side] .v10-binding[data-craft]{left:-20px;width:40px}
.studio-editor-bottom{position:relative;z-index:30;flex-shrink:0}
.paper-numbers[hidden]{display:none!important}
/* Keep the actual instrument as the click target. Empty cells in the kit are inert. */
.physical-tool{pointer-events:none!important;outline:none!important;border-color:transparent!important}
.physical-tool .real-instrument{pointer-events:auto;position:relative;isolation:isolate}
.physical-tool .real-instrument:before{content:'';position:absolute;inset:calc(-1 * var(--hit-padding,0px));z-index:-1;border-radius:5px;pointer-events:auto}
.physical-tool[aria-pressed=true] .real-instrument:before,.organizing .physical-tool:focus-within .real-instrument:before{outline:1px dashed #f5e9cdbe;outline-offset:4px}
.physical-tool[aria-pressed=true] .real-instrument{animation:v11-selected 2.8s ease-in-out infinite}
.physical-tool:hover .real-instrument,.physical-tool:focus-within .real-instrument{animation-play-state:paused}
@keyframes v11-selected{0%,100%{translate:0 0;rotate:-.35deg}50%{translate:0 -.7px;rotate:.35deg}}
.v9-rotate-tool,#v9-kit-rotate{display:none!important}
.organizing .v9-rotate-tool,.organizing #v9-kit-rotate{display:grid!important;pointer-events:auto;opacity:1}
.organizing-table #v9-kit-rotate{display:grid!important;pointer-events:auto;opacity:1}
.v11-tool-delete{display:none;position:absolute;left:-22px;top:-15px;width:20px;height:20px;background:#faf4e5;color:#8b3437;border:1px solid #b99d88;border-radius:50%;font:17px/18px sans-serif;text-align:center;z-index:15;pointer-events:auto;cursor:pointer}
.organizing .physical-tool .v11-tool-delete,.physical-tool[aria-pressed=true]:hover .v11-tool-delete,.physical-tool[aria-pressed=true]:focus-within .v11-tool-delete{display:block}
.table-materials-layer .placed-material.tip-docked[data-edge=bottom]{height:43px!important;width:48px!important;overflow:hidden}
.table-materials-layer .tip-docked[data-edge=bottom] .real-instrument{position:absolute!important;left:18px!important;top:12px!important;transform:scale(var(--object-scale,1))!important;transform-origin:top center}
.table-materials-layer .tip-docked[data-edge=bottom]:hover,.table-materials-layer .tip-docked[data-edge=bottom]:focus-within{overflow:visible;background:transparent}
.table-materials-layer .tip-docked[data-edge=bottom]:hover .real-instrument,.table-materials-layer .tip-docked[data-edge=bottom]:focus-within .real-instrument{top:-85px!important}
.real-instrument.v11-eraser-object:after{content:'';position:absolute;inset:2px;pointer-events:none;background:var(--eraser-art) center/contain no-repeat;z-index:4}
#v11-eraser-pad{display:block;width:100%;height:auto;touch-action:none;background:#e5ddc4;border-radius:15px;box-shadow:inset 0 -12px #b8b299,inset 0 8px #f1ebd7;margin:18px 0}
#v10-brush-cursor.v11-eraser-cursor:after{content:'';position:absolute;width:max(20px,90%);height:max(12px,65%);left:30%;top:25%;background:var(--eraser-art) center/contain no-repeat,#e4ddc5;border:1px solid #a39c86;border-radius:4px;box-shadow:2px 3px 2px #1e241f40,inset -3px -3px #b5b39e;transform:rotate(-20deg);transform-origin:center;opacity:.85}
.v11-rubbing #v10-brush-cursor.v11-eraser-cursor:after{animation:v11-rub .13s ease-in-out infinite alternate}
@keyframes v11-rub{from{translate:-2px -1px;rotate:-3deg}to{translate:2px 1px;rotate:3deg}}
.v11-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.v11-actions button{padding:9px 13px;border:1px solid #cfc5b3;border-radius:5px}
/* Shelf order and honest local access indicators. */
.v8-book-card,.v8-catalog-row{position:relative}.v8-book-card{touch-action:pan-y}
.v11-access{position:absolute;top:7px;right:5px;background:#f5eee2ed;color:#383d3b;box-shadow:0 2px 4px #0002;border-radius:3px;padding:3px 6px;font:9px 'DM Sans',sans-serif;pointer-events:none}
.v8-catalog-row .v11-access{position:static;grid-column:3;font-size:9px;justify-self:start}
.v11-book-order{position:absolute;bottom:7px;right:4px;display:flex;gap:3px;opacity:0}.v8-book-card:hover .v11-book-order,.v8-book-card:focus-within .v11-book-order,.v8-catalog-row:hover .v11-book-order{opacity:1}
.v11-book-order span{padding:0 5px;border-radius:3px;background:#f9f2e3;color:#594733;font-size:18px;cursor:pointer}
.v11-dragging{opacity:.35}.v11-drop-target{outline:3px dashed #de2246!important;outline-offset:7px}
/* Page navigation and physical inserts, kept under the ink. */
.page-controls>span[data-craft]{cursor:pointer;border-bottom:1px dashed currentColor;padding:5px 8px;border-radius:3px}.page-controls>span[data-craft]:hover{background:#fff7de66}
#v11-pages{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:min(820px,94%);max-height:260px;z-index:70;background:#f8f3e7f7;border:1px solid #c8bfae;border-radius:12px;box-shadow:0 8px 35px #241e1640;padding:12px;color:#413e35}
#v11-pages header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}#v11-pages header button{font-size:22px;background:none;border:0;color:inherit}
.v11-page-list{display:flex;gap:14px;overflow:auto;padding:5px 5px 9px;scrollbar-width:thin}.v11-page-list>button{width:120px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:2px solid transparent;border-radius:5px;padding:5px;font-size:10px;color:#514a3c}.v11-page-list>button[aria-current=true]{border-color:#de2246}.v11-page-list canvas{max-width:100%;width:auto;max-height:130px;height:auto;box-shadow:1px 3px 5px #54442a35}
.v11-inserts{position:absolute;inset:0;z-index:5;pointer-events:none}.v11-inserts[hidden]{display:none}
.v11-insert-hit{position:absolute;pointer-events:auto;touch-action:none;border:1px dashed #725e4399;background:transparent;border-radius:0;cursor:move;padding:0}.v11-insert-hit[aria-pressed=true]{outline:2px solid #de2246;outline-offset:5px}.v11-insert-hit span{position:absolute;bottom:100%;left:0;background:#fdf6e6;padding:3px 5px;border-radius:3px;font:10px sans-serif;color:#524f40;white-space:nowrap}
#v11-collage-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:55;background:#f8f0dd;padding:8px 12px;border:1px solid #d1bfa4;border-radius:8px;font-size:11px;box-shadow:0 3px 10px #31261922;max-width:95%;width:max-content}#v11-collage-bar[hidden]{display:none}#v11-collage-bar button{border:0;background:#ddd2ba;padding:7px;border-radius:5px;font-size:11px}#v11-collage-bar [data-craft=draw]{background:#de2246;color:white}
#v11-insert-form textarea{width:100%;resize:vertical;min-height:110px;padding:12px;border:1px solid #d4c6b1;border-radius:5px;font:15px cursive}
@media(max-width:760px){.v8-book-3d{width:min(72%,calc(var(--cover-ratio,.8) * 255px))}.v11-preview-leaf{width:min(100%,calc(var(--preview-ratio) * 240px))}.v11-preview-leaf canvas{max-height:235px}.v11-paper-preview{padding:22px 22px 30px;gap:9px}.v11-paper-preview small{font-size:8px}.v11-access{font-size:7px;padding:3px;max-width:85%}.v11-book-order{opacity:1}.v11-page-list>button{width:92px}.v11-page-list canvas{max-height:105px}#v11-collage-bar{font-size:9px;gap:4px;padding:6px}#v11-collage-bar button{font-size:10px}.v11-tool-delete{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.physical-tool[aria-pressed=true] .real-instrument,.v11-paper-preview,.v11-rubbing #v10-brush-cursor:after{animation:none}.v11-open-paper>.v8-book-3d{transition:none}}