@import url("https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Abril+Fatface&family=Alatsi&family=Alfa+Slab+One&family=Anton&family=Archivo+Black&family=Baloo+2:wght@400;700;800&family=Bangers&family=Bebas+Neue&family=Black+Han+Sans&family=Bowlby+One&family=Bricolage+Grotesque:wght@400;700;800&family=Bubblegum+Sans&family=Carter+One&family=Caveat+Brush&family=Coiny&family=Dancing+Script&family=Delicious+Handrawn&family=DM+Serif+Display&family=Figtree:wght@400;700;800&family=Fredoka:wght@400;600;700&family=Grandstander:wght@400;700;800&family=Inter:wght@400;700;900&family=League+Spartan:wght@400;700;900&family=Lilita+One&family=Luckiest+Guy&family=Manrope:wght@400;700;800&family=Mochiy+Pop+One&family=Montserrat:wght@400;700;900&family=Oswald:wght@400;600;700&family=Outfit:wght@400;700;800&family=Pacifico&family=Permanent+Marker&family=Playfair+Display:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;700;800&family=Poppins:wght@400;700;900&family=Quicksand:wght@400;600;700&family=Raleway:wght@400;600;700;800&family=Righteous&family=Rubik:wght@400;700;900&family=Russo+One&family=Salsa&family=Sora:wght@400;700;800&family=Staatliches&family=Titan+One&family=Urbanist:wght@400;700;900&display=swap");:root{--teal:#c0265a;--teal-dark:#9f1239;--teal-soft:#fff1f4;--accent-line:#f7a7bd;--bg:#f3f4f6;--workspace:#eef1f5;--panel:#ffffff;--panel-muted:#f8fafc;--line:#d9dee7;--line-strong:#b7c0cd;--text:#17212b;--muted:#697586;--subtle:#98a2b3;--danger:#e5484d;--warning:#f59e0b;--shadow:0 18px 44px rgba(15,23,42,0.12);--soft-shadow:0 8px 22px rgba(15,23,42,0.08);--radius:8px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f5f7fa;color:var(--text);font-family:var(--font);letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh;background:#f5f7fa}.app-shell.sidebar-collapsed{grid-template-columns:70px 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:18px}.sidebar-collapsed .sidebar{padding-inline:12px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:780;padding:0 8px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand span,.sidebar-collapsed .nav-item span{display:none}.logo{width:30px;height:30px;border-radius:7px;display:block;object-fit:cover}.nav{display:grid;grid-gap:5px;gap:5px}.sidebar-logout{margin-top:auto}.sidebar-logout .nav-item{width:100%;border:0;background:transparent;text-align:left}.nav-item{height:40px;display:flex;align-items:center;gap:10px;border-radius:8px;color:var(--muted);padding:0 10px;font-size:14px;font-weight:650}.sidebar-toggle{border:0;background:transparent;width:100%}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-language{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:auto}.sidebar-language button{height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px;font-weight:850}.sidebar-language button.active{border-color:var(--accent-line);background:var(--teal-soft);color:var(--teal-dark)}.sidebar-collapsed .sidebar-language{grid-template-columns:1fr}.login-page{min-height:100vh;padding:28px;background:var(--workspace);display:grid;place-items:center}.login-form{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;padding:28px;background:#fff;box-shadow:var(--shadow);display:grid;grid-gap:18px;gap:18px}.login-form h1{font-size:24px;line-height:1.2}.login-form p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.login-mark{width:48px;height:48px;border-radius:8px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center}.login-error{margin:0!important;border:1px solid #fecdd3;border-radius:8px;padding:10px 12px;background:#fff1f2;color:#be123c!important;font-weight:700}.login-submit{width:100%}.password-field{position:relative;display:block}.password-field .input{width:100%;padding-right:42px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted)}.check-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.nav-item.active{color:var(--teal-dark);background:var(--teal-soft)}.nav-item.disabled{opacity:.55}.status-pill{min-height:23px;border-radius:999px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-muted);color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize}.status-pill.ready,.status-pill.scanned{background:var(--teal-soft);color:var(--teal-dark)}.status-pill.error{color:var(--danger);background:#fff5f5}.status-pill.pending_upload,.status-pill.upload_failed,.status-pill.uploading{background:#fff7ed;color:#9a3412}.status-pill.uploaded{background:var(--teal-soft);color:var(--teal-dark)}.main{padding:24px;display:grid;align-content:start;grid-gap:18px;gap:18px}.color-row,.library-controls,.page-toolbar,.toggle-row,.toolbar-actions,.top-center,.top-left,.top-right{display:flex;align-items:center}.color-row{gap:10px}.color-control{display:grid;grid-gap:8px;gap:8px}.opacity-row{display:grid;grid-template-columns:auto minmax(0,1fr) 56px auto;align-items:center;grid-gap:8px;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.color-swatches{display:grid;grid-template-columns:repeat(6,22px);grid-gap:6px;gap:6px}.color-swatch{width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.color-swatch.active{outline:2px solid var(--teal);outline-offset:2px}.slider-field{gap:7px}.slider-control{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;grid-gap:10px;gap:10px}.slider-control input[type=range]{accent-color:var(--teal)}.slider-control output{min-width:48px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.opacity-row input[type=range]{accent-color:var(--teal)}.opacity-input{height:32px;padding:0 8px;text-align:right}.page-toolbar{justify-content:space-between;gap:18px}.page-title h1{font-size:22px;line-height:1.2;font-weight:720}.page-title p,.summary{color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}.toolbar-actions{gap:10px}.button,.icon-button,.input,.select,.textarea{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;outline:none;box-shadow:0 1px 1px rgba(15,23,42,.04)}.button{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.soft{color:var(--teal-dark);background:var(--teal-soft);border-color:var(--accent-line)}.button.danger{border-color:#f3b5b8;background:#fff5f5;color:var(--danger)}.button.ghost{background:transparent;border-color:transparent;box-shadow:none}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button.active{background:var(--teal-soft);border-color:#9ee2d7;color:var(--teal-dark)}.input,.select{height:38px;padding:0 12px;font-size:13px}.textarea{min-height:78px;resize:vertical;padding:10px 12px;font-size:13px}.library-controls{gap:10px}.library-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}.tab-pill{height:36px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:0 10px;font-size:13px;font-weight:760}.tab-pill.active{border-bottom-color:var(--teal);color:var(--teal-dark)}.search{width:300px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.template-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--soft-shadow)}.template-thumb{height:230px;background:#f2f5f8;display:grid;place-items:center;border-bottom:1px solid var(--line)}.template-thumb img{max-width:134px;max-height:198px}.pin-mini,.template-preview-placeholder,.template-thumb img{box-shadow:0 10px 28px rgba(15,23,42,.16)}.pin-mini{width:104px;height:156px;background:#fff;position:relative;overflow:hidden}.pin-mini .block{position:absolute;background:var(--teal)}.pin-mini .image{position:absolute;width:54px;height:54px;background:#e3e7ec;left:16px;top:18px;display:grid;place-items:center;color:#89919d}.pin-mini .triangle{position:absolute;width:0;height:0;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:52px solid #111;left:21px;top:74px}.pin-mini .title{position:absolute;left:20px;right:20px;top:129px;height:9px;background:#7a4b4b;border-radius:2px}.template-info{padding:13px;display:grid;grid-gap:9px;gap:9px}.template-name{font-size:14px;font-weight:750}.meta,.template-name{display:flex;justify-content:space-between;gap:10px}.meta{color:var(--muted);font-size:12px}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;padding:0 13px 13px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.folder-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--soft-shadow);overflow:hidden}.folder-card-hit{min-height:112px;padding:14px;display:grid;align-content:start;cursor:pointer}.folder-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.folder-card h2{font-size:15px;font-weight:760}.folder-card p{color:var(--muted);font-size:12px;margin-top:4px}.folder-picker-head{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.checkbox-row,.folder-template-row{display:flex;align-items:center;gap:9px}.folder-template-card-grid{max-height:min(620px,58vh);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px;padding:2px}.folder-template-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 1px 1px rgba(15,23,42,.04);display:grid;grid-template-rows:210px minmax(72px,auto)}.folder-template-card.selected{border-color:var(--accent-line);box-shadow:0 0 0 2px var(--teal-soft)}.folder-template-card>input{position:absolute;z-index:2;left:10px;top:10px}.folder-template-card .template-thumb{height:210px}.folder-template-card .template-info{min-height:72px}.folder-template-card .template-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-detail-toolbar{min-height:44px;display:flex;align-items:center;gap:14px}.folder-detail-toolbar .page-title{flex:1 1}.empty-state{background:#fff;border:1px dashed #b8c1ce;border-radius:12px;min-height:320px;display:grid;place-items:center;text-align:center;padding:28px}.empty-box{max-width:430px;display:grid;grid-gap:12px;gap:12px;justify-items:center}.empty-icon{width:58px;height:58px;border-radius:14px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center}.editor-shell{height:100vh;display:grid;grid-template-rows:58px 1fr;background:#f4f6f9}.editor-topbar{background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:330px 1fr 320px;align-items:center;grid-gap:12px;gap:12px;padding:0 14px}.top-center,.top-left,.top-right{gap:8px}.top-center{justify-content:center}.top-right{justify-content:flex-end}.template-title-field{width:210px;font-weight:750}.saved-state{color:var(--muted);font-size:12px;white-space:nowrap}.saved-state.unsaved{color:var(--warning);font-weight:700}.editor-body{display:grid;grid-template-columns:292px 1fr 372px;min-height:0}.left-panel,.right-panel{background:#fff;border-right:1px solid var(--line);overflow:auto}.right-panel{border-left:1px solid var(--line);border-right:0;overflow-x:hidden;padding-right:8px}.panel-section{border-bottom:1px solid var(--line);padding:16px 18px 16px 16px}.panel-section h3{font-size:15px;font-weight:720;margin-bottom:10px}.field,.field-stack{display:grid}.field-stack{gap:12px}.field{gap:6px}.field label{color:var(--muted);font-size:12px;font-weight:760}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.tool-button{min-height:64px;border:1px solid var(--accent-line);border-radius:8px;background:var(--teal);color:#fff;display:grid;place-items:center;grid-gap:4px;gap:4px;font-size:12px;font-weight:760;box-shadow:0 4px 10px rgba(33,191,166,.22)}.tool-button svg{width:20px;height:20px}.toggle-row{justify-content:space-between;gap:10px;min-height:36px;font-size:13px}.switch{width:38px;height:22px;border:0;border-radius:999px;background:#ccd3dd;position:relative}.switch:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.18)}.switch.on{background:var(--teal)}.switch.on:after{left:18px}.workspace{position:relative;background:var(--workspace);overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:68px 48px 48px}.workspace.grid-on{background:linear-gradient(90deg,rgba(23,33,43,.04) 1px,transparent 1px),linear-gradient(rgba(23,33,43,.04) 1px,transparent 1px),var(--workspace);background-size:28px 28px}.canvas-badge{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--muted);font-size:12px;box-shadow:var(--soft-shadow)}.canvas-frame{position:relative;background:#fff;box-shadow:0 22px 64px rgba(15,23,42,.18);overflow:visible}.fabric-host,.fabric-host .canvas-container{position:absolute!important;inset:0;z-index:1;overflow:visible!important}.canvas-frame.interactive .fabric-host,.canvas-frame.interactive .fabric-host .canvas-container,.canvas-frame.interactive .fabric-host canvas{pointer-events:auto}.canvas-frame.readonly .fabric-host,.canvas-frame.readonly .fabric-host .canvas-container,.canvas-frame.readonly .fabric-host canvas{pointer-events:none}.safe-area{inset:8%;border:1px dashed rgba(229,72,77,.7);z-index:2}.alignment-guides,.safe-area{position:absolute;pointer-events:none}.alignment-guides{inset:0;z-index:3}.guide-line{position:absolute;background:#43a7ff}.guide-line.centered{background:#e5484d}.guide-line.vertical{top:0;bottom:0;width:1px}.guide-line.horizontal{left:0;right:0;height:1px}.distance-badge{position:absolute;min-width:32px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#43a7ff;color:#fff;font-size:13px;font-weight:760;transform:translate(-50%,-50%)}.distance-badge.left,.distance-badge.right{transform:translateY(-50%)}.size-badge{position:absolute;min-width:96px;height:34px;display:inline-flex;justify-content:center;background:rgba(17,24,39,.86);font-weight:800;transform:translate(-50%,-50%);box-shadow:0 10px 24px rgba(15,23,42,.24)}.size-badge,.zoom{padding:0 12px;align-items:center;border-radius:999px;color:#fff;font-size:13px}.zoom{position:static;flex:0 0 auto;height:42px;min-width:300px;background:var(--teal);display:flex;gap:10px;box-shadow:0 12px 28px rgba(33,191,166,.28);font-weight:780;z-index:5}.zoom input{accent-color:#fff}.topbar-zoom{height:36px;min-width:220px;max-width:260px;box-shadow:none}.topbar-zoom input{min-width:96px}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:10px;grid-gap:6px;gap:6px;border-bottom:1px solid var(--line)}.tab{height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:760}.tab.active{background:var(--teal-soft);color:var(--teal-dark)}.segmented{grid-template-columns:repeat(3,1fr);height:36px}.segmented button{border-right:1px solid var(--line);font-size:12px;font-weight:700}.segmented button:last-child{border-right:0}.swatch{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.14)}.color-picker{width:38px;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 1px rgba(15,23,42,.04)}.color-text{flex:1 1;min-width:0}.layers{display:grid;grid-gap:8px;gap:8px}.layer-drop-placeholder{min-height:48px;border-radius:8px;background:rgba(10,149,161,.08);box-shadow:inset 0 0 0 2px rgba(10,149,161,.34),0 8px 18px rgba(15,23,42,.1)}.layer{min-height:48px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto auto auto;align-items:center;grid-gap:6px;gap:6px;padding:0 10px;font-size:13px;font-weight:650;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden}.layer.dragging{opacity:.45}.layer>*{flex:none;min-width:0}.layer svg:first-child{width:20px;height:20px;justify-self:stretch}.layer.active{border-color:var(--accent-line);background:var(--teal-soft);color:var(--teal-dark)}.binding{font-size:10px;line-height:18px;padding:0 6px;border-radius:999px;background:#fff;border:1px solid var(--accent-line);color:var(--teal-dark);font-weight:800;white-space:nowrap}.layer-name{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mini-icon{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:30px}.modal-backdrop{z-index:10;background:rgba(15,23,42,.22)}.modal{width:min(720px,100%);background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.modal.sm{width:min(460px,100%)}.modal.compact-modal{width:min(980px,100%)}.modal-header{padding:18px 20px;border-bottom:1px solid var(--line)}.modal-body{padding:20px}.textarea.compact{min-height:78px}.modal-footer{padding:14px 20px}.shape-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:8px;gap:8px;max-height:min(620px,70vh);overflow:auto}.shape-choice{min-height:92px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:var(--text);font-size:12px;font-weight:760}.shape-choice:hover{border-color:var(--accent-line);background:var(--teal-soft)}.image-picker-modal{width:min(920px,100%);max-height:min(780px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.image-picker-modal .modal-body{overflow:auto}.article-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.article-image-choice{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;display:grid;grid-gap:8px;gap:8px;text-align:left}.article-image-choice.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(33,191,166,.16)}.article-image-choice img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:var(--workspace)}.article-image-choice span{color:var(--muted);font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shape-preview{width:50px;height:50px;display:block;background:#050505}.shape-preview.rounded-square{border-radius:16px}.shape-preview.square{border-radius:7px}.shape-preview.triangle{border-bottom:50px solid #050505}.shape-preview.triangle,.shape-preview.triangle-down{width:0;height:0;background:transparent;border-left:28px solid transparent;border-right:28px solid transparent}.shape-preview.triangle-down{border-top:50px solid #050505}.shape-preview.circle{border-radius:50%}.shape-preview.pentagon{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-preview.hexagon{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.shape-preview.badge,.shape-preview.octagon{-webkit-clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%)}.shape-preview.diamond{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-preview.ribbon{-webkit-clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%);clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%)}.shape-preview.tag{-webkit-clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%)}.shape-preview.sparkle{-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.shape-preview.star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%)}.shape-preview.seal{-webkit-clip-path:polygon(50% 0,57% 9%,67% 3%,72% 14%,84% 10%,86% 23%,98% 25%,92% 36%,100% 45%,90% 53%,96% 65%,84% 68%,82% 81%,70% 78%,63% 89%,54% 82%,45% 100%,38% 84%,27% 90%,23% 77%,10% 80%,13% 66%,0 62%,9% 52%,1% 42%,13% 35%,8% 23%,21% 21%,25% 8%,36% 14%,43% 4%);clip-path:polygon(50% 0,57% 9%,67% 3%,72% 14%,84% 10%,86% 23%,98% 25%,92% 36%,100% 45%,90% 53%,96% 65%,84% 68%,82% 81%,70% 78%,63% 89%,54% 82%,45% 100%,38% 84%,27% 90%,23% 77%,10% 80%,13% 66%,0 62%,9% 52%,1% 42%,13% 35%,8% 23%,21% 21%,25% 8%,36% 14%,43% 4%)}.shape-preview.burst,.shape-preview.sunburst{-webkit-clip-path:polygon(50% 0,60% 32%,91% 15%,73% 45%,100% 50%,73% 55%,91% 85%,60% 68%,50% 100%,40% 68%,9% 85%,27% 55%,0 50%,27% 45%,9% 15%,40% 32%);clip-path:polygon(50% 0,60% 32%,91% 15%,73% 45%,100% 50%,73% 55%,91% 85%,60% 68%,50% 100%,40% 68%,9% 85%,27% 55%,0 50%,27% 45%,9% 15%,40% 32%)}.shape-preview.wave{-webkit-clip-path:polygon(0 46%,15% 18%,32% 45%,48% 72%,64% 44%,80% 18%,100% 38%,100% 100%,0 100%);clip-path:polygon(0 46%,15% 18%,32% 45%,48% 72%,64% 44%,80% 18%,100% 38%,100% 100%,0 100%)}.shape-preview.arrow,.shape-preview.chevron-right{-webkit-clip-path:polygon(0 32%,62% 32%,62% 0,100% 50%,62% 100%,62% 68%,0 68%);clip-path:polygon(0 32%,62% 32%,62% 0,100% 50%,62% 100%,62% 68%,0 68%)}.shape-preview.arrow-left{-webkit-clip-path:polygon(100% 32%,38% 32%,38% 0,0 50%,38% 100%,38% 68%,100% 68%);clip-path:polygon(100% 32%,38% 32%,38% 0,0 50%,38% 100%,38% 68%,100% 68%)}.shape-preview.arrow-up{-webkit-clip-path:polygon(32% 100%,32% 38%,0 38%,50% 0,100% 38%,68% 38%,68% 100%);clip-path:polygon(32% 100%,32% 38%,0 38%,50% 0,100% 38%,68% 38%,68% 100%)}.shape-preview.arrow-down{-webkit-clip-path:polygon(32% 0,32% 62%,0 62%,50% 100%,100% 62%,68% 62%,68% 0);clip-path:polygon(32% 0,32% 62%,0 62%,50% 100%,100% 62%,68% 62%,68% 0)}.shape-preview.arrow-both{-webkit-clip-path:polygon(0 50%,22% 0,22% 32%,78% 32%,78% 0,100% 50%,78% 100%,78% 68%,22% 68%,22% 100%);clip-path:polygon(0 50%,22% 0,22% 32%,78% 32%,78% 0,100% 50%,78% 100%,78% 68%,22% 68%,22% 100%)}.shape-preview.arrow-vertical{-webkit-clip-path:polygon(50% 0,100% 22%,68% 22%,68% 78%,100% 78%,50% 100%,0 78%,32% 78%,32% 22%,0 22%);clip-path:polygon(50% 0,100% 22%,68% 22%,68% 78%,100% 78%,50% 100%,0 78%,32% 78%,32% 22%,0 22%)}.shape-preview.chevron-both{-webkit-clip-path:polygon(18% 25%,82% 25%,100% 50%,82% 75%,18% 75%,0 50%);clip-path:polygon(18% 25%,82% 25%,100% 50%,82% 75%,18% 75%,0 50%)}.shape-preview.pill{height:28px;margin-top:12px;border-radius:999px}.shape-preview.speech{-webkit-clip-path:polygon(0 0,100% 0,100% 78%,56% 78%,38% 100%,40% 78%,0 78%);clip-path:polygon(0 0,100% 0,100% 78%,56% 78%,38% 100%,40% 78%,0 78%)}.shape-preview.speech-round{border-radius:22px;-webkit-clip-path:polygon(0 0,100% 0,100% 78%,58% 78%,38% 100%,42% 78%,0 78%);clip-path:polygon(0 0,100% 0,100% 78%,58% 78%,38% 100%,42% 78%,0 78%)}.shape-preview.heart{-webkit-clip-path:polygon(50% 92%,12% 58%,2% 28%,22% 8%,42% 18%,50% 32%,58% 18%,78% 8%,98% 28%,88% 58%);clip-path:polygon(50% 92%,12% 58%,2% 28%,22% 8%,42% 18%,50% 32%,58% 18%,78% 8%,98% 28%,88% 58%)}.shape-preview.plus{-webkit-clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.shape-preview.cloud{-webkit-clip-path:ellipse(48% 30% at 50% 58%);clip-path:ellipse(48% 30% at 50% 58%)}.shape-preview.bookmark{-webkit-clip-path:polygon(18% 0,82% 0,82% 100%,50% 84%,18% 100%);clip-path:polygon(18% 0,82% 0,82% 100%,50% 84%,18% 100%)}.shape-preview.flag{-webkit-clip-path:polygon(18% 0,82% 0,82% 70%,50% 54%,18% 70%);clip-path:polygon(18% 0,82% 0,82% 70%,50% 54%,18% 70%)}.shape-preview.shield{-webkit-clip-path:polygon(18% 0,82% 0,92% 45%,50% 100%,8% 45%);clip-path:polygon(18% 0,82% 0,92% 45%,50% 100%,8% 45%)}.shape-preview.parallelogram{-webkit-clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)}.shape-preview.trapezoid{-webkit-clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.shape-preview.trapezoid-down{-webkit-clip-path:polygon(0 0,100% 0,76% 100%,24% 100%);clip-path:polygon(0 0,100% 0,76% 100%,24% 100%)}.shape-preview.line{height:8px;margin-top:20px}.shape-preview.arch{border-radius:999px 999px 0 0}.preview-result{display:grid;grid-template-columns:270px 1fr;grid-gap:22px;gap:22px;align-items:start}.preview-pin{width:230px;height:345px;margin:0 auto;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.16);position:relative;overflow:hidden}.pin-generator-shell{height:100vh;min-width:0;display:grid;grid-template-columns:330px minmax(760px,1fr);background:#f5f7fa}.generator-setup-panel,.pin-properties-panel{min-width:0;min-height:0;background:#fff;border-right:1px solid var(--line);overflow:hidden}.generator-setup-panel{display:flex;flex-direction:column}.generator-setup-scroll{min-height:0;padding:16px;display:flex;flex:1 1 auto;flex-direction:column;gap:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.generator-setup-scroll .setup-section{flex:0 0 auto}.generator-setup-scroll .scan-result-card,.generator-setup-scroll .setup-section .field-stack{max-height:none;overflow:visible}.generator-setup-footer{flex:0 0 auto;padding:12px 16px 16px;border-top:1px solid var(--line);background:#fff}.generator-setup-footer .button{width:100%}.pin-properties-panel{border-right:0;border-left:1px solid var(--line);padding:0 10px 16px 0;overflow-x:hidden;overflow-y:auto}.setup-section{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.setup-section-head{min-height:42px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:var(--panel-muted)}.setup-section-head h3{font-size:14px}.setup-section .field-stack{padding:12px;overflow:auto}.setup-callout{border:1px solid var(--accent-line);border-radius:8px;padding:10px;color:var(--teal-dark);background:var(--teal-soft);font-size:12px;line-height:1.5;font-weight:650}.inline-link{color:var(--teal-dark);font-weight:850;text-decoration:underline;text-underline-offset:2px}.scan-result-card{border:1px solid rgba(196,31,88,.24);border-radius:10px;padding:12px;background:linear-gradient(180deg,rgba(196,31,88,.08),rgba(255,255,255,.96));box-shadow:0 10px 26px rgba(196,31,88,.12);max-height:220px;overflow:auto;display:grid;grid-gap:8px;gap:8px}.scan-result-button{width:100%;color:inherit;text-align:left;cursor:pointer}.scan-result-button:hover{border-color:var(--berry);box-shadow:0 8px 18px rgba(190,52,101,.16)}.scan-result-card>div:first-child{display:flex;align-items:baseline;gap:8px}.scan-result-card strong{color:var(--accent-strong);font-size:34px;line-height:1}.scan-result-card span{color:var(--ink);font-size:13px;font-weight:800}.scan-result-card p{color:var(--muted);font-size:12px;line-height:1.4}.scan-result-card .scan-title{color:var(--ink);font-size:13px;font-weight:800}.scan-thumb-strip{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;align-items:center}.scan-thumb-strip img,.scan-thumb-strip span{width:100%;aspect-ratio:1;border-radius:7px;border:1px solid var(--line);object-fit:cover;background:#fff}.scan-thumb-strip span{display:grid;place-items:center;color:var(--accent-strong);font-size:12px;font-weight:900}.template-summary-card{margin:12px;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-gap:10px;gap:10px}.template-summary-card strong{font-size:30px;line-height:1}.template-summary-card span{color:var(--muted);font-size:12px;font-weight:760}.template-summary-card p{color:var(--muted);font-size:12px;line-height:1.45}.pin-board-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:64px 1fr;position:relative;background:#f1f3f6}.pin-board-topbar{min-width:0;background:#fff;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.board-topbar-zoom{height:36px;min-width:250px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;color:var(--muted);display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:9px;gap:9px;align-items:center;font-size:12px;font-weight:800}.board-topbar-zoom input{accent-color:var(--teal)}.board-topbar-zoom b{color:var(--text);min-width:38px;text-align:right}.pin-board-main{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 372px}.pin-board-scroll{min-height:0;overflow:auto;padding:24px 28px 36px}.generated-pin-grid{display:grid;grid-template-columns:repeat(var(--pin-columns,4),minmax(0,1fr));grid-gap:clamp(12px,1.2vw,22px);gap:clamp(12px,1.2vw,22px);align-items:end;justify-content:stretch}.generated-pin-card{width:100%;min-width:0;justify-self:center;background:#fff;border:1px solid transparent;border-radius:6px;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.18)}.generated-pin-card.active{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft),0 10px 22px rgba(15,23,42,.2)}.generated-pin-frame{width:100%;position:relative;overflow:hidden;display:block}.generated-pin-frame .canvas-frame{box-shadow:none}.generated-pin-frame .fabric-host,.generated-pin-frame .fabric-host .canvas-container{pointer-events:none}.generated-pin-frame .canvas-frame.interactive .fabric-host,.generated-pin-frame .canvas-frame.interactive .fabric-host .canvas-container,.generated-pin-frame .canvas-frame.interactive .fabric-host canvas{pointer-events:auto}.generated-pin-canvas{width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.pin-element{position:absolute;border:0;padding:0;background:transparent;display:grid;place-items:center;transform-origin:center;cursor:pointer;color:inherit}.pin-element.selected{outline:2px solid #3b82f6;outline-offset:2px}.image-element{overflow:hidden}.shape-element{border-radius:2px}.shape-element.shape-triangle{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-element.shape-diamond{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-element.shape-circle{border-radius:50%}.shape-element.shape-ribbon{-webkit-clip-path:polygon(0 0,100% 0,84% 50%,100% 100%,0 100%,16% 50%);clip-path:polygon(0 0,100% 0,84% 50%,100% 100%,0 100%,16% 50%)}.shape-element.shape-line:before{content:"";width:100%;height:4px;background:currentColor;display:block}.text-element{word-break:break-word;white-space:pre-wrap}.selection-handle{width:10px;height:10px;border-radius:50%;position:absolute;background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 3px rgba(15,23,42,.24)}.selection-handle.tl{left:-7px;top:-7px}.selection-handle.tr{right:-7px;top:-7px}.selection-handle.bl{left:-7px;bottom:-7px}.selection-handle.br{right:-7px;bottom:-7px}.generated-image-art{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#fef3c7,#bfdbfe 58%,#fbcfe8)}.generated-real-image{width:100%;height:100%;display:block;object-fit:cover}.generated-image-art span{position:absolute;border-radius:50%}.generated-image-art span:first-child{width:28%;height:18%;left:18%;top:24%;background:#fb7185}.generated-image-art span:nth-child(2){width:23%;height:16%;right:18%;top:34%;background:#38bdf8}.generated-image-art span:nth-child(3){width:26%;height:18%;left:42%;bottom:24%;background:#facc15}.generated-image-art.art-2{background:linear-gradient(135deg,#d9f99d,#f9a8d4 54%,#93c5fd)}.generated-image-art.art-3{background:linear-gradient(135deg,#fed7aa,#fef08a 50%,#a7f3d0)}.generated-image-art.art-4{background:linear-gradient(135deg,#e9d5ff,#fecdd3 52%,#bae6fd)}.generated-image-art.art-5{background:linear-gradient(135deg,#bbf7d0,#fde68a 52%,#fecaca)}.generated-image-art.art-6{background:linear-gradient(135deg,#ddd6fe,#bfdbfe 56%,#fef3c7)}.generated-empty-pin{height:100%;display:grid;grid-gap:14px;gap:14px;place-items:center;padding:18px}.generated-empty-pin b{font-size:18px;text-align:center}.generated-pin-info{border-top:1px solid var(--line);padding:10px;display:grid;grid-gap:4px;gap:4px}.generated-pin-info b,.generated-pin-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generated-pin-info b{font-size:12px}.generated-pin-info span{color:var(--muted);font-size:10px}.generated-pin-actions{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;padding:0 9px 9px}.mini-icon.pinterest{color:#e11d48;font-weight:900}.generated-pin-add{min-height:278px;border:2px dashed var(--line-strong);border-radius:6px;color:var(--line-strong);background:transparent;display:grid;place-items:center}.pin-edit-backdrop{z-index:30;padding:22px}.pin-edit-modal{width:min(1480px,100%);height:min(920px,calc(100vh - 44px));background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:block}.pin-editor-shell{height:100%;min-height:0}.pin-editor-shell .editor-body{min-height:0}.pin-editor-shell .canvas-frame.interactive .fabric-host,.pin-editor-shell .canvas-frame.interactive .fabric-host .canvas-container,.pin-editor-shell .canvas-frame.interactive .fabric-host canvas{pointer-events:auto}.pin-board-inline-inspector{min-width:0;min-height:0;border-left:1px solid var(--line);background:#fff;overflow:hidden}.pin-board-inline-inspector .right-panel{height:100%;border-left:0}.pin-inline-empty{height:100%;display:grid;align-content:center;justify-items:center;grid-gap:8px;gap:8px;padding:24px;text-align:center;color:var(--muted)}.pin-inline-empty h3{color:var(--text);font-size:15px}.pin-inline-empty p{max-width:250px;font-size:12px;line-height:1.5}.article-gallery-modal{width:min(1040px,100%);height:min(760px,92vh);background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:76px 1fr 66px}.article-gallery-body{min-height:0;display:grid;grid-template-columns:260px 1fr;grid-gap:0;gap:0;padding:0}.article-gallery-grid{min-height:0;overflow:auto;border-right:1px solid var(--line);background:var(--panel-muted);padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;grid-gap:10px;gap:10px}.article-gallery-thumb{aspect-ratio:1;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fff;padding:0}.article-gallery-thumb.selected{border-color:var(--berry);box-shadow:0 0 0 3px rgba(190,52,101,.12)}.article-gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover}.article-gallery-preview{min-height:0;padding:18px;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:12px;gap:12px;background:#f4f6f9}.article-gallery-preview img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff;box-shadow:var(--soft-shadow)}.article-gallery-preview p{color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.pin-empty-state{min-height:520px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;text-align:center;color:var(--muted)}.pin-empty-state h2{color:var(--text)}.pin-empty-state p{max-width:430px;font-size:13px;line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(15,23,42,.28);display:grid;place-items:center;padding:32px}.template-picker{width:min(1080px,100%);height:min(760px,92vh);background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:76px 1fr 66px}.modal-footer,.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:22px}.modal-header p{color:var(--muted);margin-top:4px;font-size:13px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0;background:var(--panel-muted)}.template-picker-body{min-height:0;display:grid;grid-template-columns:260px 1fr}.template-picker-nav{border-right:1px solid var(--line);background:var(--panel-muted);padding:14px;display:grid;align-content:start;grid-gap:10px;gap:10px}.segmented{height:38px;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.segmented button{border:0;background:#fff;color:var(--muted);font-size:13px;font-weight:760}.segmented button.active{background:var(--teal-soft);color:var(--teal-dark)}.search-field{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;display:flex;align-items:center;gap:8px;color:var(--muted)}.search-field input{min-width:0;flex:1 1;border:0;outline:0}.picker-folder-list{display:grid;grid-gap:8px;gap:8px}.picker-folder{min-height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:8px 10px;display:grid;grid-gap:3px;gap:3px;text-align:left}.picker-folder.active{border-color:var(--accent-line);background:var(--teal-soft)}.picker-folder span{font-weight:760}.picker-folder small{color:var(--muted)}.template-picker-content{min-height:0;overflow:auto;padding:16px;display:grid;align-content:start;grid-gap:14px;gap:14px}.picker-content-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.picker-content-head div{display:grid;grid-gap:3px;gap:3px}.picker-content-head span{color:var(--muted);font-size:12px}.picker-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.picker-template-card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;padding:0;text-align:left}.picker-template-card.selected{border-color:var(--accent-line);box-shadow:0 0 0 2px var(--teal-soft)}.picker-check{position:absolute;z-index:2;left:10px;top:10px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--teal);color:#fff}.picker-template-card:not(.selected) .picker-check{background:#fff;border:1px solid var(--line-strong)}.global-loading{position:fixed;inset:0;z-index:60;background:rgba(245,247,250,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;color:var(--teal-dark);font-size:14px;font-weight:800}.global-loading svg{animation:spin 1s linear infinite}.global-loading-progress-wrap{width:min(360px,calc(100vw - 48px));display:grid;grid-gap:8px;gap:8px;text-align:center}.global-loading-progress{width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(196,35,96,.16);box-shadow:inset 0 0 0 1px rgba(196,35,96,.14)}.global-loading-progress-bar{height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--accent));transition:width .18s ease}.global-loading-progress-wrap small{color:var(--muted);font-size:12px;font-weight:800}@keyframes spin{to{transform:rotate(1turn)}}.toast{z-index:70;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:#17212b;color:#fff;padding:0 22px;box-shadow:0 24px 80px rgba(15,23,42,.28);font-size:15px}.center-notice,.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(460px,calc(100vw - 40px));font-weight:850;text-align:center}.center-notice{z-index:50;border:1px solid rgba(15,118,110,.22);border-radius:12px;background:#ffffff;color:var(--text);padding:22px 28px;box-shadow:0 24px 80px rgba(15,23,42,.22);font-size:18px}.desktop-note{display:none}.ordered-board-list{display:grid;grid-gap:8px;gap:8px;min-height:30px}.board-drop-placeholder{min-height:42px;border-radius:8px;background:rgba(10,149,161,.08);box-shadow:inset 0 0 0 2px rgba(10,149,161,.34),0 8px 18px rgba(15,23,42,.1)}.ordered-board-row{min-height:42px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;grid-gap:9px;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 8px;font-size:12px;font-weight:750}.ordered-board-row.dragging{opacity:.45}.ordered-board-row svg{color:var(--subtle)}.ordered-board-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordered-board-row b{width:24px;height:24px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center;font-size:12px}.ordered-board-row button{border:0;background:transparent;color:var(--muted);padding:0;font-size:13px;font-weight:900}.board-picker-modal{width:min(520px,calc(100vw - 40px));max-height:calc(100vh - 40px);background:#fff;border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.board-picker-list{overflow:auto;padding:14px;display:grid;grid-gap:8px;gap:8px;background:#f8fafc}.board-picker-row{min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;text-align:left}.board-picker-row.selected{border-color:var(--teal);background:var(--teal-soft)}.board-picker-row b,.board-picker-row small{display:block}.board-picker-row small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.publishing-page{padding:24px;display:grid;grid-gap:18px;gap:18px;align-content:start}.settings-page{max-width:920px}.pool-pin-card,.publishing-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--soft-shadow);overflow:hidden}.publishing-card-head{min-height:54px;border-bottom:1px solid var(--line);background:var(--panel-muted);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.publishing-card-head h2{font-size:15px;font-weight:780}.settings-card{max-width:760px}.settings-form{padding:14px;display:grid;grid-gap:14px;gap:14px}.settings-actions{display:flex;justify-content:flex-end}.settings-alert,.settings-success{border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.settings-alert{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}.settings-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.boards-editor-list,.site-list-ui{display:grid;grid-gap:10px;gap:10px;padding:14px}.site-row-ui{min-height:72px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px}.site-row-actions{display:flex;align-items:center;gap:8px}.pool-pin-meta b,.site-row-ui b{display:block;font-size:13px;line-height:1.3}.pool-pin-meta span,.site-row-ui span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:5px}.site-modal{width:min(940px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.confirm-modal,.site-modal{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.confirm-modal{width:min(440px,calc(100vw - 40px))}.site-modal-body{min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.site-modal-body>.setup-section{flex:0 0 auto}.site-form-grid{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.field>span{color:var(--muted);font-size:12px;font-weight:760}.board-editor-row{display:grid;grid-template-columns:minmax(140px,220px) minmax(180px,1fr) auto auto;align-items:end;grid-gap:10px;gap:10px}.board-editor-field{min-width:0}.button.compact{height:38px;padding:0 10px}.pin-pool-page{height:100vh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;background:#f5f7fa;overflow:hidden}.pin-pool-main{min-width:0;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr);position:relative}.pin-pool-topbar{border-bottom:1px solid var(--line);background:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pin-pool-grid{overflow:auto;padding:22px;display:grid;grid-gap:22px;gap:22px;align-content:start}.pin-pool-grid.empty{place-items:center;align-content:center;justify-content:center;grid-template-columns:none}.pin-pool-date-group{display:grid;grid-gap:14px;gap:14px}.pin-pool-date-group>h2{font-size:18px;font-weight:850}.pin-pool-article-group{display:grid;grid-gap:10px;gap:10px}.pin-pool-article-group h3{font-size:14px;font-weight:820}.pin-pool-article-group h3 span{margin-left:6px;color:var(--muted);font-size:12px;font-weight:650}.pin-pool-card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pool-pin-card-width,184px),var(--pool-pin-card-width,184px)));grid-gap:16px;gap:16px;align-items:end}.pool-pin-card{width:var(--pool-pin-card-width,184px)}.pool-pin-card.active{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft),var(--soft-shadow)}.pool-pin-preview{aspect-ratio:var(--pin-preview-ratio,2/3);background:#f2f4f7;display:grid;place-items:center;overflow:hidden}.pool-pin-preview img{width:100%;height:100%;object-fit:contain}.pool-pin-placeholder{width:70%;aspect-ratio:2/3;border-radius:8px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center;font-weight:800}.pool-pin-meta{padding:10px;display:grid;grid-gap:7px;gap:7px}.pin-pool-detail{border-left:1px solid var(--line);background:#fff;min-width:0;overflow:hidden;min-height:0;overscroll-behavior:contain}.pin-pool-detail-scroll{height:100%;min-height:0;padding:16px;display:grid;align-content:start}.pin-pool-detail-scroll .setup-section{max-height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.pin-pool-detail-scroll .field-stack{max-height:none;min-height:0;overflow:auto;overscroll-behavior:contain}.pin-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pin-detail-empty,.pin-pool-empty{display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:var(--muted);text-align:center;min-height:100%}.pin-detail-empty h2,.pin-pool-empty h2{color:var(--text);font-size:20px}.schedule-page{height:100vh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#f5f7fa}.schedule-toolbar{min-height:72px;border-bottom:1px solid var(--line);background:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.schedule-toolbar .toolbar-actions{flex-wrap:wrap}.segmented-control{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel-muted);padding:3px;display:inline-flex}.segmented-control button{border:0;border-radius:6px;padding:0 12px;background:transparent;color:var(--muted);font-size:13px;font-weight:760}.segmented-control button.active{background:#fff;color:var(--teal-dark);box-shadow:var(--soft-shadow)}.date-input{width:148px}.month-label{min-width:112px;height:36px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--text);font-size:13px;font-weight:850}.time-input{width:112px}.compact-number{width:82px}.schedule-settings-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.schedule-settings-bar label{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:760}.schedule-settings-bar .input{height:28px;border-color:transparent;background:var(--panel-muted);padding:0 7px}.schedule-window-editor{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px;display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:11px;font-weight:760}.schedule-settings-modal{width:min(620px,calc(100vw - 28px))}.modal-window-editor{max-height:min(360px,52vh);overflow:auto}.schedule-window-row{display:grid;grid-template-columns:auto auto 28px;grid-gap:6px;gap:6px;align-items:center}.compact-action{min-height:28px;padding:0 9px;font-size:12px}.calendar-nav{display:inline-flex;align-items:center;gap:6px}.schedule-shell{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.schedule-panel{min-height:0;border-right:1px solid var(--line);background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.schedule-panel:last-child{border-right:0;border-left:1px solid var(--line)}.schedule-panel-head{min-height:54px;padding:12px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.schedule-panel-head h2{font-size:15px}.schedule-checks,.unscheduled-list{min-height:0;overflow:auto;padding:12px;display:grid;grid-gap:10px;gap:10px;align-content:start}.schedule-detail,.schedule-pin-row{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;grid-gap:5px;gap:5px}.schedule-event b,.schedule-pin-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-checks p,.schedule-detail p,.schedule-pin-row small,.schedule-pin-row span{color:var(--muted);font-size:12px;line-height:1.35}.schedule-calendar{min-height:0;overflow:auto;padding:16px;display:grid;grid-gap:10px;gap:10px}.schedule-calendar.week{grid-template-columns:repeat(7,minmax(128px,1fr))}.schedule-calendar.month{grid-template-columns:repeat(7,minmax(112px,1fr))}.schedule-day{min-height:180px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.schedule-day.outside-month{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.schedule-day.outside-month .schedule-day-head{background:#eceff3}.schedule-day.outside-month .schedule-day-body{pointer-events:none}.schedule-calendar.month .schedule-day{min-height:132px}.schedule-day-head{min-height:36px;padding:8px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;font-size:12px}.schedule-day-body{min-height:0;overflow:auto;padding:7px;display:grid;grid-gap:6px;gap:6px;align-content:start}.schedule-event{border:1px solid var(--accent-line);border-radius:7px;background:var(--teal-soft);color:var(--teal-dark);padding:6px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:start;grid-gap:4px;gap:4px;text-align:left}.schedule-event-main{min-width:0;border:0;background:transparent;color:inherit;padding:0;display:grid;grid-gap:3px;gap:3px;text-align:left}.schedule-event span{font-size:11px;font-weight:850}.schedule-event-remove{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--teal-dark);display:grid;place-items:center}.schedule-event-remove:hover{background:rgba(15,118,110,.12)}.schedule-empty{min-height:220px;color:var(--muted);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center;font-size:13px}.schedule-detail{margin:12px}.schedule-detail h3{font-size:14px;line-height:1.35}.single-image-shell{min-width:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:280px minmax(420px,1fr) 260px;background:var(--workspace)}.single-image-assets,.single-image-properties{min-width:0;min-height:0;overflow:hidden;background:#fff}.single-image-assets{border-right:1px solid var(--line);padding:16px;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:14px;gap:14px}.single-image-properties{border-left:1px solid var(--line)}.single-image-properties-scroll{height:100%;overflow:auto;padding:16px;display:grid;align-content:start;grid-gap:14px;gap:14px}.single-image-panel-head h1{font-size:20px;line-height:1.2}.single-image-muted,.single-image-panel-head p{color:var(--muted);font-size:12px;line-height:1.5}.single-image-panel-head p{margin-top:5px}.single-image-section{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;display:grid;align-content:start;grid-gap:10px;gap:10px}.single-image-section-title{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.single-image-section-title h2{font-size:14px}.single-image-section-title span{color:var(--muted);font-size:11px;font-weight:760}.single-image-url-input{min-height:112px;resize:vertical;line-height:1.45}.full-width{width:100%}.single-image-library{min-height:0;grid-template-rows:auto minmax(0,1fr)}.single-image-library-empty{min-height:150px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center;font-size:12px}.single-image-thumb-grid{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;grid-gap:8px;gap:8px;padding-right:3px}.single-image-thumb{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel-muted);display:grid;place-items:center;color:var(--muted)}.single-image-thumb.ready{cursor:-webkit-grab;cursor:grab}.single-image-thumb.ready:active{cursor:-webkit-grabbing;cursor:grabbing}.single-image-thumb img{width:100%;height:100%;display:block;object-fit:cover}.single-image-thumb.error img{opacity:.28}.single-image-thumb.error span{position:absolute;inset:0;display:grid;place-items:center;color:var(--danger);background:rgba(255,255,255,.76);font-size:12px;font-weight:800}.spin{animation:single-image-spin .8s linear infinite}@keyframes single-image-spin{to{transform:rotate(1turn)}}.single-image-main{min-width:0;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr)}.single-image-toolbar{border-bottom:1px solid var(--line);background:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.single-image-toolbar>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.single-image-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.single-image-toolbar span{color:var(--muted);font-size:11px}.single-image-workspace{min-width:0;min-height:0;position:relative;overflow:hidden;padding:0;display:grid;grid-template-rows:minmax(0,1fr) 64px;background-color:var(--workspace);background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 0);background-size:24px 24px}.single-image-canvas-wrap{width:100%;min-width:0;min-height:0;overflow:auto;padding:30px;display:flex;align-items:flex-start;justify-content:flex-start}.single-image-canvas-wrap .canvas-frame{flex:0 0 auto;margin:auto;box-shadow:0 18px 42px rgba(15,23,42,.18)}.single-image-canvas-wrap .fabric-host,.single-image-canvas-wrap .fabric-host .canvas-container,.single-image-canvas-wrap .fabric-host canvas{pointer-events:auto}.single-image-empty{grid-row:1/-1;height:100%;min-height:420px;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;text-align:center}.single-image-empty-icon{width:56px;height:56px;border:1px solid var(--accent-line);border-radius:8px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center}.single-image-empty h2{font-size:18px}.single-image-empty p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.55}.single-image-zoom{position:relative;z-index:2;align-self:center;justify-self:center;width:280px;min-height:40px;border-radius:8px;padding:0 12px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:9px;gap:9px;font-size:12px}.single-image-zoom input{width:100%;accent-color:var(--teal)}.single-image-zoom-step{width:24px;height:28px;border:0;border-radius:6px;padding:0;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:16px;line-height:1}.single-image-zoom-step:hover:not(:disabled){background:var(--teal-soft);color:var(--teal-dark)}.single-image-text-fields{display:grid;grid-gap:12px;gap:12px}.single-image-text-fields .textarea{width:100%;min-height:86px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.editor-shell,.sidebar{display:none}.desktop-note{min-height:100vh;display:grid;place-items:center;padding:32px;text-align:center;background:#f5f7fa}.single-image-shell{height:auto;min-height:100vh;grid-template-columns:1fr;overflow:visible}.single-image-assets,.single-image-properties{overflow:visible;border:0}.single-image-assets{grid-template-rows:auto}.single-image-main{min-height:760px}.single-image-zoom{position:relative}}