/* The cork and paper belong only to this application. */
.os-window.pinboard-window{top:50px;left:max(16px,calc((100vw - 1100px)/2));width:min(1100px,calc(100vw - 42px));height:min(720px,calc(100dvh - 150px));max-height:calc(100dvh - 150px);}
.pinboard-window .os-window-body{padding:0;overflow:hidden;flex:1;min-height:0;max-height:none;}
.pinboard-app{height:100%;display:flex;flex-direction:column;min-height:0;color:#282925;font:12px/1.5 var(--aqua-font,"Lucida Grande","PingFang SC",sans-serif);background:#e6e5e2;}
.pinboard-window .pinboard-app button{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:4px 10px;min-height:27px;border:1px solid #9b9b97;border-radius:4px;box-shadow:inset 0 1px #fff;background:linear-gradient(#fff,#ececea 48%,#dadbd7 49%,#eeefeb);color:#282925;font:inherit;line-height:1.2;text-decoration:none;cursor:default;white-space:nowrap;}
.pinboard-window .pinboard-app button:hover{filter:brightness(.97);}
.pinboard-window .pinboard-app button:active{background:linear-gradient(#b8b9b5,#e1e2dc);box-shadow:inset 0 1px 2px #34363033;}
.pinboard-window .pinboard-app button:disabled{opacity:.45;pointer-events:none;}
.pinboard-window .pinboard-app button:focus-visible,.pinboard-app textarea:focus-visible,.pinboard-app input:focus-visible{outline:2px solid #596f76;outline-offset:3px;}
.pb-toolbar{display:flex;align-items:center;gap:14px;min-height:43px;padding:7px 12px;border-bottom:1px solid #aaa;background:linear-gradient(#f6f6f3,#dedfdb);flex-wrap:wrap;}
.pb-tools,.pb-zoom{display:flex;align-items:center;gap:6px;}
.pb-toolbar-rule{width:1px;height:20px;background:#b7b8b2;margin:0 5px;box-shadow:1px 0 #fff;}
.pb-count{margin-left:auto;color:#595c55;font-size:11px;}
.pb-zoom{gap:0;}.pinboard-window .pb-zoom button{border-radius:0;min-width:29px;border-right:0;padding-inline:8px;}.pinboard-window .pb-zoom button:first-child{border-radius:4px 0 0 4px;}.pinboard-window .pb-zoom button:last-child{border-radius:0 4px 4px 0;border-right:1px solid #9b9b97;margin-left:0;}
.pb-frame{position:relative;flex:1;min-height:0;margin:12px 13px 8px;border:7px solid #363733;border-radius:14px;box-shadow:inset 0 0 0 2px #686960,0 1px 0 #fff,0 3px 6px #0003;overflow:hidden;background:#d0bea0;}
.pb-viewport{height:100%;width:100%;overflow:hidden;position:relative;touch-action:none;cursor:default;background-color:#d0bea0;background-image:url('./cork.png');background-size:var(--pb-cork-size,256px);box-shadow:inset 0 2px 7px #382a1c4d;}
.pb-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 4px #42382955;z-index:5;}
.pb-viewport.is-panning{cursor:grabbing;}
.pb-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0;}
.pb-cards{position:absolute;inset:0;z-index:2;}
.pb-card{position:absolute;width:250px;min-height:165px;padding:38px 19px 15px;background:var(--paper,#fffdf3);color:#292925;box-shadow:0 2px 2px #473c2b33,1px 5px 8px #473c2b30,inset 0 1px #ffffff80;transform:rotate(var(--tilt,0deg));transform-origin:125px 20px;cursor:default;outline:0;isolation:isolate;border-radius:1px 2px 2px 1px;}
.pb-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url('./paper.png');background-size:180px;}
.pb-card::before{content:"";position:absolute;right:0;bottom:0;width:30px;height:14px;box-shadow:1px 3px 2px #473c2b12;transform:skewY(-4deg);z-index:-2;}
.pb-card.is-selected{outline:1.5px solid #535d56;outline-offset:5px;z-index:3;}
.pb-card.is-source{outline:2px solid #b24637;outline-offset:5px;}
.pb-card.is-lifted{transform:rotate(var(--tilt)) scale(1.02);box-shadow:2px 12px 15px #473c2b55;cursor:grabbing;z-index:4;}
.pb-card.is-dark{color:#f4f1de;}
.pb-card-edge{position:absolute;inset:0 0 auto;height:36px;cursor:default;touch-action:none;}
.pb-card-edge,.pb-bottom-edge{cursor:grab;}
.pb-bottom-edge{height:13px;position:absolute;bottom:0;left:0;right:0;}
.pb-pin{position:absolute;left:115px;top:10px;width:21px;height:21px;display:block;border-radius:50%;background:radial-gradient(circle at 35% 27%,#ed7764 0,#d54938 41%,#c73725 70%,#a92e22 75%);box-shadow:inset 0 1px 1px #ffb8a5,1px 3px 0 #933b26,1px 5px 4px #48342666;}
.pb-pin::after{content:"";position:absolute;left:7px;top:4px;width:8px;height:4px;border-radius:50%;background:#ffffff24;transform:rotate(-25deg);}
.pb-grip{position:absolute;right:12px;top:8px;color:#4b4e3b80;font-size:17px;opacity:0;}.pb-card:hover .pb-grip,.pb-card.is-selected .pb-grip{opacity:1;}
.pb-card textarea.pb-writing{display:block;resize:none;width:100%;min-height:110px;max-height:280px;padding:0;margin:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:inherit;font:14px/1.7 var(--aqua-font,"PingFang SC",sans-serif);text-align:left;overflow-y:auto;cursor:text;touch-action:auto;}
.pb-card textarea.pb-writing::placeholder{color:inherit;opacity:.65;}.pb-card textarea.pb-writing:focus{outline:0;}.pb-card:focus-within{outline:1.5px solid #535d56;outline-offset:5px;}
.pb-card-footer{display:flex;justify-content:space-between;gap:8px;padding-top:13px;color:inherit;opacity:.73;font-size:10px;line-height:1.4;overflow-wrap:anywhere;}.pb-card-footer time{white-space:nowrap;}
.pb-card.is-photo{padding:19px 13px 12px;background:var(--paper,#faf9f3);}.pb-card.is-photo::before{display:none;}.is-photo .pb-card-edge{top:-13px;height:32px;z-index:1;}.is-photo .pb-card-edge::before,.pb-tape{content:"";position:absolute;left:82px;top:0;width:85px;height:30px;background:#f6f4e0b3;box-shadow:0 1px 1px #c4bea233;transform:rotate(-2deg);}.is-photo .pb-pin{width:13px;height:13px;left:118px;top:14px;opacity:.9;}.is-photo .pb-pin::after{display:none;}.pb-photo{height:190px;overflow:hidden;background:#e0dfd6;}.pb-photo img{width:100%;height:100%;object-fit:cover;user-select:none;}.pb-card.is-photo textarea.pb-writing{min-height:38px;padding-top:8px;font-size:12px;line-height:1.5;text-align:center;}.pb-card.is-photo .pb-card-footer{padding-top:7px;font-size:9px;}
.pb-strings{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;z-index:3;pointer-events:none;}
.pb-strings path{fill:none;stroke-linecap:round;}.pb-string-shadow{stroke:#59463155;stroke-width:3.7;transform:translateY(3px);}.pb-string{stroke:#c94432;stroke-width:2.5;}.pb-string-hit{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke;}.pb-strings .is-selected .pb-string{stroke:#c94432;stroke-width:2.5;}.pb-strings text{font:11px var(--aqua-font);fill:#49332a;paint-order:stroke;stroke:#eadbb9;stroke-width:5px;stroke-linejoin:round;text-anchor:middle;pointer-events:none;}
.pb-welcome{position:absolute;left:0;top:0;z-index:1;}.pb-welcome[hidden]{display:none;}.pb-welcome article{position:absolute;width:265px;padding:43px 23px 24px;box-shadow:1px 4px 7px #463e3038;cursor:default;}.pb-welcome-note{left:40px;top:25px;transform:rotate(-3deg);background:#fff078;}.pb-welcome-guide{left:377px;top:120px;background:#faf9f3;transform:rotate(3deg);}.pb-welcome h2{font-size:21px;letter-spacing:-.02em;margin:0 0 14px;font-weight:600;}.pb-welcome h3{font-size:17px;margin:0 0 12px;}.pb-welcome p{font-size:14px;line-height:1.8;white-space:pre-line;margin:0 0 20px;}.pb-welcome small{font-size:10px;color:#625b37;}.pb-welcome-guide .pb-tape{top:-12px;left:88px;}
.pb-inspector{position:absolute;z-index:6;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid #aaa79f;border-radius:6px;background:#f0eee7f5;box-shadow:0 2px 5px #463d2a26;white-space:nowrap;}.pb-inspector[hidden]{display:none;}.pb-inspector>span{overflow:hidden;text-overflow:ellipsis;}.pb-colors{display:flex;gap:7px;}.pinboard-window .pb-colors button{width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border:1px solid #595d50;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 1px #ffffff80;}.pinboard-window .pb-colors button[aria-pressed=true]{outline:2px solid #555c54;outline-offset:2px;}
.pb-panel{position:absolute;z-index:7;inset:0 0 0 auto;width:min(310px,100%);padding:18px;background:#f3f1eb;box-shadow:-3px 0 9px #433c2e26;overflow:auto;}.pb-panel[hidden]{display:none;}.pb-compose{display:flex;flex-direction:column;gap:16px;}.pb-compose header{display:flex;align-items:center;justify-content:space-between;gap:15px;}.pb-compose header strong{font-size:15px;font-weight:600;}.pb-public-notice{font-size:11px;color:#5d6055;line-height:1.7;margin:0;}.pb-compose label{display:flex;flex-direction:column;gap:7px;color:#41453c;}.pb-compose input,.pb-compose textarea{box-sizing:border-box;width:100%;border:1px solid #aaa99e;background:#fffefa;color:#292925;border-radius:3px;padding:8px;font:13px/1.7 var(--aqua-font);box-shadow:inset 0 1px 2px #514a2b17;}.pb-compose textarea{resize:vertical;min-height:140px;}.pb-compose textarea::placeholder{color:#6a6e60;}.pb-compose fieldset{border:0;padding:0;margin:0;}.pb-compose legend{margin-bottom:9px;}.pb-compose footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}.pb-draft-status{font-size:11px;color:#5a604e;}.pb-upload input{font-size:11px;}.pb-photo-preview{display:block;max-width:100%;max-height:130px;object-fit:contain;}.pb-photo-preview[hidden]{display:none;}
.pb-statusbar{display:flex;align-items:center;gap:9px;min-height:30px;padding:0 13px 7px;font-size:10px;color:#50564a;}.pb-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pb-status.is-error{color:#8b3027;}.pinboard-window .pb-statusbar button{border:0;box-shadow:none;background:none;min-height:20px;padding:0 3px;font-size:10px;}.pb-help{margin-left:auto;white-space:nowrap;}
@media(max-width:650px){.os-window.pinboard-window{width:calc(100vw - 14px);height:calc(100dvh - 130px);}.pb-toolbar{padding:6px 8px;gap:6px;}.pb-tools{gap:4px;}.pb-toolbar-rule{margin-inline:2px;}.pb-count{display:none;}.pb-zoom{margin-left:auto;}.pinboard-window .pb-tools button{padding:7px;min-height:32px;}.pb-frame{margin:6px;border-width:5px;border-radius:10px;}.pb-help{display:none;}.pb-inspector{flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;white-space:normal;}.pb-inspector .pb-colors{gap:9px;}.pinboard-window .pb-inspector button{min-height:32px;}.pinboard-window .pb-colors button{width:25px;height:25px;min-height:25px;}.pb-statusbar{padding:0 8px 6px;}.pb-panel{width:min(310px,100%);}.pb-toolbar .pb-zoom button{min-height:32px;}.pb-card-edge{height:38px;}}
@media(prefers-reduced-motion:reduce){.pb-card,.pinboard-app button{transition:none;}}

.pinboard-window .pinboard-app button[hidden]{display:none;}

.pb-welcome h2{font:600 21px/1.35 var(--aqua-font);margin:0 0 14px;letter-spacing:-.02em;}
.pb-inspector input{min-width:100px;width:210px;padding:4px 7px;border:1px solid #a5a79e;border-radius:3px;background:#fffefa;color:#333b2e;font:12px var(--aqua-font);}
@media(max-height:720px){.pb-welcome-guide{top:70px;}.pb-welcome-note{top:15px;}}

/* Preserve the complete imported photograph. */
.pb-photo{height:auto;max-height:280px;min-height:70px;}.pb-photo img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;}

.pb-card .pb-pin{cursor:crosshair;pointer-events:auto;}.pb-card.is-line-target{outline:2px solid #b14b39;outline-offset:5px;}.pb-live-line{fill:none;stroke:#c94430;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:5 4;pointer-events:none;}
.pb-panel{transition:transform 180ms ease-out;}.pb-panel.is-dragging{transition:none;}.pb-panel-grip{position:absolute;top:0;bottom:0;left:0;width:14px;cursor:ew-resize;touch-action:none;}.pb-panel-grip::after{content:"";position:absolute;left:5px;top:45%;width:3px;height:32px;border-radius:2px;background:#aeada4;}.pb-compose header{cursor:grab;touch-action:none;}.pb-compose header button{cursor:default;}.is-photo .pb-pin{top:27px;}
@media(prefers-reduced-motion:reduce){.pb-panel{transition:none;}}

/* Physical pins sit above strings; their separate hit areas do not cover the writing field. */
.pb-card .pb-card-edge>.pb-pin{visibility:hidden;}.pb-pins{position:absolute;inset:0;z-index:4;pointer-events:none;}.pinboard-window .pinboard-app .pb-pin-handle{position:absolute;display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;outline:0;border-radius:50%;box-shadow:none;background:transparent;pointer-events:auto;cursor:crosshair;}.pinboard-window .pinboard-app .pb-pin-handle:hover,.pinboard-window .pinboard-app .pb-pin-handle:active{background:transparent;box-shadow:none;filter:none;}.pb-pin-handle>.pb-pin{left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;}.pb-pin-handle.is-photo>.pb-pin{left:50%;top:50%;width:13px;height:13px;}.pinboard-window .pinboard-app .pb-pin-handle:focus-visible{outline:2px solid #6d4532;outline-offset:2px;}

.pb-line-selection{fill:none;stroke:#747b74;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none;}

.pinboard-window .pinboard-app .pb-undo-icon{width:31px;padding:1px 5px;font:20px/1 Arial,sans-serif;}

.pb-frame{margin-bottom:12px;}.pb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}.pb-errors{position:absolute;z-index:8;bottom:12px;left:12px;right:12px;display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid #9d7166;border-radius:4px;background:#fff5ed;color:#78382c;font-size:12px;}.pb-errors[hidden]{display:none;}
