:root{--ink:#3d2e30;--muted:#796660;--accent:#a45155;--accent-dark:#8c4047;--paper:#fcfaf8;--line:#e9dcd7;--side:#f7efeb;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:default}button, a,input,textarea,[contenteditable]{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(.97)}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app{display:flex;min-height:100dvh}.sidebar{width:244px;flex-shrink:0;background:var(--side);border-right:1px solid var(--line);padding:31px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 24px 'Manrope',sans-serif;letter-spacing:-1.1px}.brand-dot{color:var(--accent);margin-left:-10px}.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-5deg)}.brand-mark i{background:var(--accent);border-radius:2px}.brand-mark i:nth-child(2){opacity:.5}.brand-mark i:nth-child(3){opacity:.75}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#796660;margin:19px 0 35px;font-weight:600}.side-heading{display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:12px;min-height:30px}.icon-btn{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:6px}.icon-btn:hover{background:#f0e2dc}.side-heading .icon-btn{color:#796660;width:24px;height:24px}.side-heading .icon-btn svg{width:16px}.new-board{display:flex;align-items:center;gap:9px;color:#796660;font-size:12px;padding:13px 9px;text-align:left}.new-board svg{width:17px}.side-divider{height:1px;background:var(--line);margin:17px 0 23px}.library-tabs{display:flex;border-bottom:1px solid var(--line);margin:10px 0 20px}.library-tabs button{width:50%;font-size:11px;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent;margin-bottom:-1px}.library-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);font-weight:600}.upload-zone{border:1px dashed #cfb8ae;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding:19px 4px;background:#fcf7f3;gap:8px}.upload-zone svg{color:var(--accent);width:22px;height:22px;margin-bottom:2px}.upload-zone strong{font-size:11px;font-weight:600}.upload-zone span{font-size:10px;color:#796660}.small-label{font-size:9px;letter-spacing:1.2px;color:#796660;margin:24px 0 11px}.image-library{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-library button{padding:0;height:91px;overflow:hidden;border-radius:5px;position:relative}.image-library img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-library button:hover img{transform:scale(1.08)}.image-library button:after{content:'+';position:absolute;right:5px;bottom:5px;background:#fff;line-height:20px;width:20px;border-radius:50%;opacity:0}.image-library button:hover:after{opacity:1}.image-credit{font-size:9px;color:#796660;margin-top:12px}.color-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-library button{height:53px;border-radius:5px;border:1px solid #00000008}.custom-color{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:11px}.custom-color input{width:36px;height:30px;border:0;padding:0}.sidebar-bottom{margin-top:auto;padding-top:35px;display:flex;gap:8px;align-items:center;font-size:10px}.sidebar-bottom .icon-btn{margin-left:auto;border:1px solid #e9dcd7;width:19px;height:19px;color:#796660;font-size:10px}
main{min-width:0;flex:1;display:flex;flex-direction:column;height:100dvh}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#796660;font-size:11px}.breadcrumb svg{width:15px;height:15px}.breadcrumb strong{font-weight:500;color:#574244;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-slash{color:#c5b0a8;padding:0 4px}.export-btn{display:flex;align-items:center;gap:9px;font-size:11px;border:1px solid #e9dcd7;background:white;border-radius:7px;padding:10px 14px;box-shadow:0 2px 3px #00000003}.export-btn svg{width:15px;height:15px}.board-heading{padding:32px 38px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#796660;font-weight:500;margin-bottom:10px}h1{font:normal 38px/1.18 var(--serif);letter-spacing:-1px;margin:0;max-width:700px;min-width:120px;border-radius:3px;width:fit-content}h1:focus{outline:1px solid #e9dcd7}h1:hover{background:#f7eee8}.board-heading p{font-size:12px;color:#796660;margin:11px 0 0}.save-status{display:flex;gap:5px;color:#796660;font-size:10px;white-space:nowrap;margin-top:20px}.save-status svg{width:13px;height:13px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 37px 15px;flex-shrink:0}.tools{display:flex;align-items:center;gap:8px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;padding:10px 14px;border-radius:6px;font-size:11px;font-weight:500;box-shadow:0 2px 2px #40282c10}.primary:hover{background:var(--accent-dark)}.primary svg{width:15px;height:15px}.tool{display:flex;align-items:center;gap:7px;padding:9px 11px;font-size:11px;color:#80615e;border-radius:6px}.tool:hover{background:#f3e6e0}.tool svg{width:16px;height:16px}.tool-separator{width:1px;background:var(--line);height:21px;margin:0 6px}.tools .icon-btn{color:#796660}.tools .icon-btn svg{width:15px;height:15px}.redo svg{transform:scaleX(-1)}.toolbar-right{display:flex;align-items:center;gap:16px;color:#796660;font-size:10px}.stage{margin:0 37px;flex:1;min-height:260px;overflow:auto;border:1px solid #e9dcd7;background-color:#f7f1ed;background-image:radial-gradient(#d9c5bc .8px,transparent .8px);background-size:16px 16px;border-radius:9px;position:relative;box-shadow:inset 0 1px 8px #40282c10}.canvas-wrap{position:relative;margin:auto}.canvas{position:absolute;width:1200px;height:560px;transform-origin:0 0}.item{position:absolute;user-select:none;touch-action:none;cursor:grab;border-radius:3px;outline:2px solid transparent;outline-offset:5px;box-shadow:0 5px 20px #40282c15;transition:outline-color .15s;overflow:visible}.item:active{cursor:grabbing}.item.selected{outline-color:#b86c6a;z-index:1000!important}.item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;border-radius:3px}.note-content{height:100%;padding:26px 26px 22px;display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.note-kicker{font-size:10px;letter-spacing:2px;opacity:.65;margin-bottom:17px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font:normal 25px/1.32 var(--serif);letter-spacing:-.5px}.note-bottom{font-size:10px;opacity:.5;letter-spacing:1.2px;margin-top:auto;padding-top:15px}.color-content{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;padding:16px;pointer-events:none}.color-content span{font-size:11px;font-weight:500;letter-spacing:1px}.resize-handle{display:none;position:absolute;right:-10px;bottom:-10px;width:13px;height:13px;background:#fff;border:2px solid #b86c6a;border-radius:3px;cursor:nwse-resize;touch-action:none}.selected .resize-handle{display:block}.item-actions{display:none;position:absolute;top:-44px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e9dcd7;padding:4px;border-radius:7px;box-shadow:0 4px 15px #40282c18;gap:2px;white-space:nowrap}.selected .item-actions{display:flex}.item-actions button{width:29px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:4px}.item-actions button:hover{background:#f3e6e0}.item-actions svg{width:14px;height:14px}.canvas-footer{display:flex;justify-content:space-between;align-items:center;margin:14px 38px 18px;font-size:9px;color:#796660;flex-shrink:0}.canvas-footer>span{display:flex;align-items:center;gap:7px}.hint-dot{width:5px;height:5px;border-radius:50%;background:#c5b0a8}.zoom-controls{display:flex;gap:6px;align-items:center;background:white;border:1px solid #e9dcd7;padding:3px 7px;border-radius:7px;color:#80615e;font-size:10px}.zoom-controls .icon-btn{height:23px;width:24px;font-size:17px}.zoom-controls>span{height:14px;width:1px;background:var(--line);margin:0 3px}.zoom-controls>button:last-child{font-size:9px;padding:4px}#zoom-value{width:39px;font-size:10px}.canvas-empty{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{background:#efdad3;border:1px solid #e9dcd7;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);color:var(--accent)}.empty-icon svg{height:32px;width:32px}.canvas-empty h2{font:normal 38px var(--serif);margin-bottom:0}.canvas-empty p{color:#796660;line-height:1.8;font-size:16px;margin:20px 0 25px}.canvas-empty .primary{font-size:15px;padding:14px 20px}.drop-overlay{position:absolute;inset:0;background:#faeee8ed;z-index:2000;display:flex;justify-content:center;align-items:center;flex-direction:column;border:3px dashed #b86c6a;border-radius:8px;pointer-events:none;gap:14px}.drop-overlay svg{width:40px;height:40px;color:var(--accent)}.drop-overlay strong{font:30px var(--serif)}.drop-overlay span{color:var(--muted)}
.properties{position:absolute;right:16px;top:16px;width:248px;margin:0;max-height:calc(100% - 32px);overflow-y:auto;padding:16px;background:#fffffff5;border:1px solid #e9dcd7;border-radius:10px;box-shadow:0 6px 30px #40282c17;z-index:1100;backdrop-filter:blur(12px)}.properties-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;margin-bottom:12px}.properties-header .icon-btn{width:23px;height:23px}.properties label{font-size:10px;color:#796660;display:block;margin:12px 0 5px}.properties textarea,.properties input[type=text]{width:100%;border:1px solid #e9dcd7;border-radius:5px;padding:8px;color:var(--ink);background:#fdfaf8;font-size:12px}.properties textarea{height:100px;resize:vertical}.property-row{display:flex;gap:10px;align-items:center}.property-row input[type=color]{width:35px;height:30px;border:none;background:none;padding:0}.property-row input[type=range]{width:100%;accent-color:var(--accent)}.properties small{display:block;font-size:9px;line-height:1.6;color:#796660;margin-top:13px}.secondary{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #e9dcd7;background:#fff;padding:9px 12px;border-radius:6px;font-size:11px}.secondary:hover{background:#f3e6e0}.full{width:100%}dialog{width:440px;max-width:calc(100% - 32px);padding:29px;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 24px 70px #40282c2a}dialog::backdrop{background:#40282c55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}dialog h2{font:normal 28px var(--serif);margin:0}dialog p{font-size:12px;line-height:1.8;color:#796660}dialog label{display:block;font-size:11px;margin:20px 0 7px}dialog input[type=text]{width:100%;border:1px solid #e9dcd7;border-radius:6px;padding:12px;background:#fcf7f3;color:var(--ink)}.dialog-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:25px}.option-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.option-list button{padding:12px;text-align:left;border:1px solid var(--line);border-radius:7px;font-size:12px;display:flex;gap:12px;align-items:center}.option-list button.danger{color:#b26450}.shortcut{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.shortcut kbd{font:11px monospace;background:#f3e6e0;padding:3px 6px;border-radius:4px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#754047;color:#fff;font-size:12px;padding:13px 20px;border-radius:9px;z-index:3000;opacity:0;pointer-events:none;transition:.2s;max-width:90%;box-shadow:0 4px 20px #40282c22}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.image-library button:focus-visible:after{opacity:1}
@media(min-width:1600px){.sidebar{width:264px;padding-left:28px;padding-right:28px}.board-heading{padding-top:40px;padding-bottom:35px}h1{font-size:44px}.topbar{height:83px}.stage{margin-right:45px;margin-left:45px}.canvas-toolbar{margin-right:45px;margin-left:45px}.board-heading{padding-left:45px;padding-right:45px}}
@media(max-width:1100px){.sidebar{width:218px;padding:25px 18px 18px}.brand{font-size:22px}.topbar{padding:0 24px}.board-heading{padding:27px 25px 23px}.canvas-toolbar{margin-left:24px;margin-right:24px}.stage{margin:0 24px}.canvas-footer{margin-left:25px;margin-right:25px}.save-status{font-size:9px}.toolbar-right{gap:6px}.tool{padding:9px 6px}.tool-separator{margin:0 3px}}
@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:2500;width:244px;transform:translateX(-100%);visibility:hidden;transition:transform .2s;box-shadow:20px 0 60px #40282c30}.sidebar.open{transform:translateX(0);visibility:visible}.mobile-menu{display:flex}.topbar{height:63px;padding:0 15px}.breadcrumb{gap:8px}.breadcrumb>svg,.breadcrumb>span:not(.crumb-slash){display:none}.breadcrumb strong{max-width:155px}.export-btn{padding:9px;font-size:10px}.export-btn svg{width:14px}.board-heading{padding:24px 18px 22px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:32px;max-width:calc(100vw - 60px)}.save-status{font-size:0;margin-top:23px;gap:0}.save-status svg{height:17px;width:17px}.board-heading p{font-size:11px}.canvas-toolbar{margin:0 16px 12px;gap:5px}.tools{gap:3px}.tool{padding:9px 8px}.tool span{display:none}.tools .primary{font-size:10px;padding:10px}.tool-separator{margin:0 3px}.toolbar-right #item-count{display:none}.stage{margin:0 16px;min-height:300px}.canvas-footer{margin:12px 17px 17px}.canvas-footer>span{max-width:155px;font-size:8px;line-height:1.5}.zoom-controls{gap:0;padding:3px}.zoom-controls .icon-btn{width:22px}.zoom-controls>button:last-child{padding:4px;font-size:8px}.properties{width:220px;padding:12px}.properties textarea{height:70px}.workspace-label{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.brand-name{font-size:21px;line-height:1.08;letter-spacing:-.7px}.brand-name .brand-dot{margin-left:0}.brand .brand-mark{width:27px;height:27px;flex-shrink:0}

.file-actions{display:flex;align-items:center;gap:8px}.file-save{height:36px;padding:10px 16px}.file-save svg{width:15px;height:15px}.png-export{padding:10px}.unsaved-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;background:#aa956b;border-radius:50%;margin:4px}.file-save-location{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#f7eee8;border-radius:8px;padding:15px;margin-top:18px}.file-save-location strong{font-size:12px;display:block}.file-save-location span{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}
@media(max-width:760px){.topbar .breadcrumb strong{max-width:100px}.file-actions{gap:5px}.file-save{padding:9px 12px;font-size:10px}.file-actions .export-btn{padding:9px}.file-actions .export-btn span{font-size:10px}.save-status .unsaved-dot{width:6px;height:6px}.canvas-empty h2{font-size:32px}.canvas-empty p{font-size:15px}}

.download-alternative{display:block;margin:13px auto 0;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}

/* The canvas owns the available space; tools stay in the header. */
.topbar{height:66px;padding:0 20px;gap:16px;justify-content:flex-start}.breadcrumb{min-width:100px;gap:8px;flex:1}.breadcrumb h1{font:500 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;min-width:50px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#574244;padding:5px 3px}.breadcrumb .crumb-slash{padding:0}.tools{flex-shrink:0;gap:3px}.tool{padding:9px 7px}.file-actions{flex-shrink:0;gap:7px}.save-status{margin:0;font-size:0;gap:0;width:14px}.save-status svg{width:14px;height:14px}.file-actions .export-btn{height:34px;padding:8px 10px}.file-save{height:34px;padding:9px 12px}.stage{margin:12px;min-height:0;overflow:hidden;touch-action:none;cursor:grab}.canvas-wrap{position:absolute;inset:0;margin:0!important;width:100%!important;height:100%!important}.canvas{width:0;height:0;overflow:visible}.stage.panning,.stage.panning *{cursor:grabbing!important}.stage.pan-mode .item{cursor:grab}.zoom-controls{position:absolute;bottom:16px;right:16px;z-index:1200;box-shadow:0 3px 15px #40282c12;padding:5px 7px}.zoom-controls svg{width:15px;height:15px}.zoom-controls button[aria-pressed=true]{background:#efdad3;color:var(--accent)}#zoom-value{width:43px}.canvas-empty{pointer-events:none}.canvas-empty button{pointer-events:auto}.resize-handle{left:-10px;right:auto;cursor:nesw-resize}.image-viewport{position:absolute;inset:0;overflow:hidden;border-radius:3px;pointer-events:none}.image-viewport img.cropped-image{position:absolute;max-width:none;object-fit:fill;border-radius:0}.properties small{margin-top:10px}.crop-button{margin:0 0 5px}.crop-button svg{width:15px;height:15px}
dialog.crop-dialog{width:700px;max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.crop-dialog p{margin:9px 0 16px}.crop-presets{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.crop-presets button{padding:7px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px}.crop-presets button[aria-pressed=true]{background:#f0dcd6;border-color:#c7958c;color:var(--accent)}.crop-preview{position:relative;margin:auto;max-width:100%;overflow:hidden;background:#302427;touch-action:none;user-select:none}.crop-preview>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.crop-selection{position:absolute;border:2px solid white;box-shadow:0 0 0 999px #40282c99;cursor:move;touch-action:none}.crop-selection:before,.crop-selection:after{content:'';position:absolute;pointer-events:none;inset:33.333% 0;border-top:1px solid #ffffff60;border-bottom:1px solid #ffffff60}.crop-selection:after{inset:0 33.333%;border-top:0;border-bottom:0;border-left:1px solid #ffffff60;border-right:1px solid #ffffff60}.crop-handle{position:absolute;width:18px;height:18px;background:white;border:1px solid #a45155;border-radius:3px}.crop-handle[data-corner=nw]{left:-9px;top:-9px;cursor:nwse-resize}.crop-handle[data-corner=ne]{right:-9px;top:-9px;cursor:nesw-resize}.crop-handle[data-corner=sw]{left:-9px;bottom:-9px;cursor:nesw-resize}.crop-handle[data-corner=se]{right:-9px;bottom:-9px;cursor:nwse-resize}.crop-dialog .dialog-buttons{margin-top:18px;flex-wrap:wrap}.crop-dialog .dialog-buttons .reset-crop{margin-right:auto}
@media(max-width:1200px){.topbar{gap:10px;padding:0 16px}.tools .tool span{display:none}.tools .tool{padding:9px}.breadcrumb h1{max-width:170px}}
@media(max-width:900px){.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb h1{max-width:150px}.topbar{gap:6px;padding:0 12px}.file-actions{gap:4px}.file-actions .export-btn span{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:102px;flex-wrap:wrap;padding:10px 12px;gap:5px 8px}.breadcrumb{flex:1 1 calc(100% - 185px);order:0}.breadcrumb h1{font-size:13px;max-width:calc(100vw - 220px)}.file-actions{order:1}.file-actions .png-export{display:none}.tools{order:2;flex:1 0 100%;justify-content:center;border-top:1px solid var(--line);padding-top:5px}.tools .tool span{display:inline}.tool{font-size:11px}.stage{margin:8px}.properties{top:10px;right:10px;width:200px;max-height:calc(100% - 65px)}.zoom-controls{bottom:10px;right:10px}.canvas-empty h2{font-size:28px}.canvas-empty p{font-size:13px}.canvas-empty .primary{font-size:12px}.crop-dialog .dialog-heading h2{font-size:24px}}

/* Keep the editor inside the viewport, with only sidebar content scrolling. */

/* Pinterest uses the existing two-tab library, with previews held in memory. */
.library-tabs button{width:auto;flex:1}.pinterest-intro{text-align:center;padding:4px 0}.pinterest-badge{display:inline-block;width:48px;height:48px;object-fit:contain}.pinterest-intro h3{font:23px/1.25 Georgia;margin:13px 0 10px;letter-spacing:-.4px}.pinterest-intro p{color:#796660;font-size:11px;line-height:1.8;margin:0 0 14px}.pinterest-intro .pinterest-detail{margin:10px 0 0;font-size:10px}.pinterest-account{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:6px;font-size:10px;color:#80615e}.pinterest-account span{display:flex;align-items:center;gap:6px}.pinterest-account i{width:5px;height:5px;border-radius:50%;background:#b86c6a}.pinterest-account button{padding:3px;display:flex}.pinterest-account svg{width:14px;height:14px}.pinterest-board-label{display:block;font-size:10px;color:#796660;margin-bottom:8px}.pinterest-board-row{display:flex;align-items:center;gap:5px}.pinterest-board-row select{width:100%;min-width:0;border:1px solid #e9dcd7;border-radius:6px;padding:10px 8px;font:11px -apple-system,BlinkMacSystemFont,sans-serif;color:#a45155;background:#fcf7f3}.pinterest-board-row .icon-btn{flex-shrink:0;font-size:19px}.pinterest-tip,.pinterest-detail,.pinterest-empty,.pinterest-loading{font-size:10px;line-height:1.7;color:#796660;margin:14px 0}.pinterest-library{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pinterest-pin{position:relative;padding:0;border-radius:5px;overflow:hidden;cursor:grab;background:#f0e2dc;aspect-ratio:3/4}.pinterest-pin:active{cursor:grabbing}.pinterest-pin img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.pin-add{position:absolute;bottom:5px;right:5px;background:#fff;color:#a45155;border-radius:50%;width:20px;line-height:20px;font-size:16px;opacity:0}.pinterest-pin:hover .pin-add,.pinterest-pin:focus-visible .pin-add{opacity:1}.pinterest-error{font-size:11px;line-height:1.7;color:#a05941;padding:10px;background:#f6ece5;border-radius:6px}.pinterest-error button{display:inline;text-decoration:underline;padding:0;font-size:inherit}.pinterest-more{font-size:10px;color:#a45155;margin-top:12px}.pinterest-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:3px;background:#f0e2dc}.pinterest-viewport img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.pinterest-source{position:absolute;top:8px;right:8px;bottom:auto;left:auto;width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:1px;background:#fff;border:.5px solid #e9dcd7;border-radius:50%;text-decoration:none;pointer-events:auto;z-index:2;cursor:pointer}.pinterest-source img{width:100%;height:100%;object-fit:contain;border-radius:0}.pinterest-source:hover{box-shadow:0 2px 8px #00000020}.pinterest-source:focus-visible{outline:2px solid #e60023;outline-offset:3px}.pinterest-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;color:#a45155;gap:12px}.pinterest-placeholder strong{font:23px Georgia}.pinterest-placeholder span{font-size:11px;line-height:1.6}.pinterest-property-note{font-size:10px;line-height:1.7;color:#796660}.properties a.secondary{text-decoration:none;font-size:10px}

.app{height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100%;min-height:0;overflow:hidden}.sidebar>.brand{flex-shrink:0}.sidebar-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-bottom{flex-shrink:0;margin-top:0;padding-top:16px}.sidebar-privacy{display:inline-flex;align-items:center;gap:5px;color:#796660;font-size:10px;margin-top:0;text-decoration:none}.sidebar-bottom .sidebar-privacy span{margin-top:0;color:inherit}.sidebar-privacy:hover{text-decoration:underline;text-underline-offset:3px}

/* Four proportional resize corners. */
.resize-handle[data-resize-corner=nw]{left:-10px;right:auto;top:-10px;bottom:auto;cursor:nwse-resize}.resize-handle[data-resize-corner=ne]{left:auto;right:-10px;top:-10px;bottom:auto;cursor:nesw-resize}.resize-handle[data-resize-corner=sw]{left:-10px;right:auto;top:auto;bottom:-10px;cursor:nesw-resize}.resize-handle[data-resize-corner=se]{left:auto;right:-10px;top:auto;bottom:-10px;cursor:nwse-resize}


.sidebar-footer{flex-shrink:0;padding-top:12px;border-top:1px solid var(--line)}.sidebar-footer .sidebar-bottom{padding-top:8px}

/* Pinterest badge is an unmodified official asset; connection controls use Pinterest red. */
.pinterest-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.library-tabs [data-tab=pinterest]{display:flex;align-items:center;justify-content:center;gap:3px}.library-tabs [data-tab=pinterest][aria-selected=true]{color:#e60023;border-color:#e60023}.pinterest-connect{background:#e60023;color:#fff}.pinterest-connect:hover:not(:disabled){background:#ad081b;filter:none}.pinterest-connect .pinterest-logo{background:#fff;border-radius:50%}.properties .pinterest-connect{margin:0 0 10px;justify-content:center;font-size:11px;gap:6px}.properties .pinterest-connect svg{width:16px}.pinterest-account .pinterest-logo{width:24px;height:24px}

.library-tabs button{padding:8px 0}

.workspace-label{margin-bottom:16px}.sidebar-content>.new-board{width:100%}.sidebar-content>.library-tabs{margin-top:10px}

.item.multiple-selected .resize-handle,.item.multiple-selected .item-actions{display:none}.properties .selection-guidance{font-size:11px;line-height:1.7;color:#796660}.properties .selection-guidance~.secondary{margin-top:8px;justify-content:flex-start;font-size:11px;gap:8px}.properties .selection-guidance~.secondary svg{width:15px;height:15px}

.pinterest-public-viewport{position:absolute;inset:0;border-radius:3px;overflow:hidden;background:#faf5f1;pointer-events:none}.pinterest-public-frame{display:block;width:100%;height:100%;border:0;pointer-events:none}.pinterest-public-frame.interactive{pointer-events:auto}.properties [data-action=pinterest-interact]{margin-bottom:10px;font-size:11px}

.png-missing-pins{padding-left:18px;font-size:11px;line-height:1.8;max-height:110px;overflow:auto}.png-missing-pins a{color:var(--accent)}.dialog-buttons .pinterest-connect{width:auto}

.pinterest-error small{display:block;margin-top:8px;font-size:9px;overflow-wrap:anywhere}.pinterest-error a{display:inline-block;margin-top:8px;color:inherit;text-underline-offset:3px}

/* Public Pinterest boards keep Pinterest’s original widget and controls. */
.public-pinterest-form{display:flex;flex-direction:column;gap:9px}.public-pinterest-form label{font-size:11px;color:var(--muted)}.public-pinterest-form input{min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 9px;background:var(--paper);color:var(--ink);font-size:11px}.public-pinterest-form .primary{padding:11px 10px;justify-content:center}.public-board-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0}.public-board-heading a{color:var(--muted);font-size:10px;text-decoration:none}.public-board-heading a:hover{text-decoration:underline}#public-board-frame{display:block;border:0;width:100%;height:clamp(180px,calc(100dvh - 510px),540px);background:var(--paper);border-radius:8px}.public-pin-entry{margin:18px 0 6px;color:var(--muted);font-size:11px}.public-pin-entry summary{cursor:pointer;padding:8px 0}.public-pin-entry .public-pinterest-form{margin-top:10px}.public-pin-entry .pinterest-tip:empty{display:none}

.sidebar .brand,.sidebar .brand-name{line-height:24px}.workspace-label{line-height:12px}

.public-pin-drag-ghost{position:fixed;pointer-events:none;z-index:6000;background:#fcfaf8;border:1px solid #a45155;border-radius:7px;padding:10px 14px;color:#a45155;font-size:12px;box-shadow:0 4px 18px #40282c20}.stage.public-pin-dragging{outline:2px dashed #a45155;outline-offset:-8px}

/* A spacious public-Pin collage; one scrolling surface in the sidebar. */
.public-pin-collage{columns:2;column-gap:9px}.public-pin-collage[hidden],#public-board-frame[hidden]{display:none}.public-collage-pin{display:block;width:100%;margin:0 0 9px;break-inside:avoid;aspect-ratio:auto;border-radius:7px}.public-collage-pin>img{height:auto;aspect-ratio:inherit;object-fit:contain}.public-pin-badge{position:absolute;right:6px;top:6px;display:flex;width:16px;height:16px;padding:1px;border-radius:50%;background:#fff}.public-pin-badge img{width:100%;height:100%;object-fit:contain}.public-collage-pin:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.public-board-label{display:flex;align-items:center;gap:7px}.public-board-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:600 11px/1 system-ui;cursor:pointer}.public-board-help:hover{color:var(--accent);border-color:var(--accent)}.public-board-help:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.public-board-help-steps{padding-left:22px;color:var(--muted);font-size:13px;line-height:1.8}.public-board-help-steps li+li{margin-top:10px}