:root{--bg:#f7f8fc;--surface:#fff;--ink:#252840;--muted:#9194a6;--line:#ebeef5;--purple:#5755d9;--soft:#efeffd;--sidebar:242px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button,select{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #c5c2fc;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #c5c2fc;outline-offset:1px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:31px 20px 16px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;gap:11px;align-items:center;margin:0 10px 41px;font-size:22px;font-weight:750;letter-spacing:1px}.brand-mark{background:var(--purple);color:#fff;border-radius:12px;height:42px;width:42px;display:grid;place-items:center;font-size:23px;box-shadow:0 5px 12px #5553d91f;font-weight:650;flex-shrink:0}.brand small{display:block;color:#9b9dae;font-weight:400;font-size:10px;letter-spacing:1px;margin-top:0}.nav-button{border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-radius:9px;padding:12px 14px;color:#797c91;margin:2px 0;font-size:13px;min-height:44px;flex-shrink:0}.nav-button b{margin-left:auto;font-size:11px;color:#9699ac;font-weight:500}.nav-button:hover{background:#f6f6fc;color:var(--purple)}.nav-button.active{background:var(--soft);color:var(--purple);font-weight:650}.nav-button.active b{color:var(--purple)}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;color:#a3a6b6;font-size:10px;letter-spacing:1px;margin:31px 14px 8px}.icon-button{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;color:#9295a9;flex-shrink:0}.icon-button:hover{background:#eeeef9;color:var(--purple)}.sidebar-heading .icon-button{width:25px;height:25px}.sidebar-heading svg{width:16px;height:16px}.category-dot{width:7px;height:7px;border-radius:50%;background:var(--dot,#aaa5db);margin:0 6px;flex-shrink:0}.category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{margin-top:auto;padding-top:30px}.tip{background:linear-gradient(120deg,#f5f4fd,#f8f9fd);border:1px solid #f0effb;border-radius:12px;padding:17px 16px;margin:0 4px 20px}.tip-icon{float:right;font-size:21px;color:#b5acf4;margin-top:-4px}.tip strong{font-size:12px;font-weight:600}.tip p{color:#9797ab;font-size:11px;line-height:1.9;margin:7px 0 0}.sidebar-bottom>.nav-button{font-size:12px;padding-top:9px;padding-bottom:9px;min-height:39px}.sidebar-bottom svg{width:17px;height:17px}.account{border-top:1px solid var(--line);padding-top:19px;margin:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{background:#eeeaf9;color:#8078b8;border:3px solid #f8f6fe;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:12px}.account strong{display:block;font-size:11px;font-weight:600}.account small{display:block;font-size:9px;color:#a0a2b2}.account .text-button{font-size:10px;margin-left:auto;padding:3px}.main-wrap{margin-left:var(--sidebar)}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff;padding:0 42px;gap:18px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:#a2a4b4;min-width:0}.breadcrumb strong{font-weight:500;color:#53566c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash{color:#d8d9e2}.top-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.save-state{font-size:10px;color:#9da3ae;margin-right:10px}.save-state i{display:inline-block;border-radius:50%;width:5px;height:5px;background:#6ebf9f;margin-right:5px}.save-state.error{color:#c64e5b}.save-state.error i{background:#c64e5b}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:500;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button svg{width:16px;height:16px}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 7px #5654d91a}.primary:hover{background:#4543c4}.secondary{background:white;border:1px solid #e4e6f0;color:#666b81}.secondary:hover{background:#f7f6ff;border-color:#cbc9f2}.compact{min-height:37px;padding:8px 14px;font-size:11px}.text-button{background:transparent;border:0;padding:8px;color:#827eaf;font-size:12px}.text-button:hover{color:var(--purple)}.danger{color:#c15a69}.mobile-only{display:none}main{max-width:1510px;padding:35px 42px 0;margin:0 auto}.hero{height:243px;overflow:hidden;border-radius:15px;background:#292946;position:relative;color:white;padding:34px 36px;display:flex;justify-content:space-between;background-image:radial-gradient(ellipse at 80% 160%,#645a96 0,transparent 68%),radial-gradient(ellipse at 18% 0%,#363452 0,transparent 72%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:500;color:#c3bfdc;display:flex;align-items:center;gap:7px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#b0a0ee}.hero h1{font-size:30px;font-weight:550;letter-spacing:1.2px;line-height:1.5;margin:17px 0 9px}.hero p{font-size:11px;color:#bcb8d1;letter-spacing:.4px;margin:0}.hero-link{font-size:10px;color:#e4dff6;background:#ffffff0d;border:1px solid #ffffff17;border-radius:5px;padding:6px 11px;margin-top:23px}.hero-link span{margin-left:16px;font-size:14px}.hero-link:hover{background:#ffffff20}.hero-art{width:260px;height:243px;position:absolute;right:50px;top:0}.art-orbit{position:absolute;width:300px;height:300px;border:1px solid #b2a0dd16;border-radius:50%;left:0;top:0}.art-orbit:before{content:"";position:absolute;inset:28px;border:1px solid #b2a0dd16;border-radius:50%}.art-card{position:absolute;border-radius:11px;width:145px;height:170px;box-shadow:0 20px 50px #13112e4a}.art-back{background:linear-gradient(160deg,#b7a4ce,#a799c2);transform:rotate(-16deg);top:39px;left:20px;padding:19px;opacity:.65}.art-back div{height:8px;margin-top:10px;background:#ffffff50;border-radius:3px}.art-back div:last-child{width:65%}.art-dot{display:block;border-radius:50%;width:33px;height:33px;background:#ffffff50;margin-bottom:18px}.art-front{background:linear-gradient(155deg,#f9f5ff,#e1d6ee);transform:rotate(10deg);top:50px;left:97px;padding:20px}.art-site{background:#c9bde6;display:grid;place-items:center;font-size:28px;color:#76639c;border-radius:7px;height:47px;width:47px;margin-bottom:15px}.art-line{height:6px;background:#c3b8d8;border-radius:3px;margin:9px 0}.art-line.short{width:65%;opacity:.6}.art-chip{font-size:8px;background:#f7f3fc;color:#9385af;border-radius:4px;padding:5px 6px;display:block;text-align:center;margin-top:13px}.art-spark{position:absolute;left:17px;top:16px;color:#cbb4e7;font-size:36px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:25px 0;margin-bottom:22px;border-bottom:1px solid #e8eaf2;gap:20px}.stats>div{display:flex;align-items:center;gap:13px}.stat-icon{height:42px;width:42px;border-radius:10px;display:grid;place-items:center}.lavender{background:#eeedfc;color:#8f83d2}.peach{background:#fbf0e8;color:#cba278}.mint{background:#e9f4f0;color:#79aa98}.stats b{font-size:23px;font-weight:600;display:block;line-height:1.25;font-variant-numeric:tabular-nums}.stats small{font-size:10px;color:#9b9eae;display:block;margin-top:3px}.stats p{color:#a6a8b8;font-size:10px;margin:0;border-left:1px solid #e8eaf2;padding-left:25px;align-self:center;text-align:right;line-height:1.8;letter-spacing:.5px}.stats p strong{color:#85889c;font-weight:400}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.section-heading h2{font-size:19px;font-weight:650;margin:0;display:flex;align-items:center;gap:10px}.section-heading h2>span{color:#8d8da8;background:#eeedf7;border-radius:5px;min-width:22px;height:20px;padding:1px 6px;font-size:10px;display:grid;place-items:center;font-weight:500}.section-heading p{color:#a3a5b5;font-size:11px;margin:5px 0 0}.section-heading .button{font-size:11px;min-height:36px;padding:7px 12px}.toolbar{display:flex;gap:10px}.searchbox{position:relative;flex:1;display:flex;align-items:center}.searchbox svg{position:absolute;left:14px;color:#a5a7ba;width:16px;height:16px}.searchbox input{padding:11px 38px 11px 40px;font-size:11px;width:100%;height:42px;min-width:0;border:1px solid #e6e8f2;background:white;border-radius:8px}.searchbox input::placeholder{color:#a9adbd}.searchbox kbd{position:absolute;right:13px;border:1px solid #e9e9f1;border-radius:4px;color:#bdbecc;height:19px;min-width:18px;text-align:center;font-size:11px}select{background:#fff;color:#74778f;border:1px solid #e6e8f2;border-radius:8px;font-size:11px;padding:8px 27px 8px 13px;max-width:100%;height:42px}.view-toggle{display:flex;align-items:center;padding:3px;border:1px solid #e6e8f2;border-radius:8px;background:#fff}.view-toggle button{width:33px;height:32px}.view-toggle .active{background:#efeffb;color:var(--purple)}.view-toggle svg{width:15px;height:15px}.list-meta{display:flex;justify-content:space-between;align-items:center;margin:20px 1px 16px;font-size:10px;color:#a0a3b4;gap:15px}.check-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#9295a9;font-size:11px}input[type=checkbox]{accent-color:var(--purple);width:14px;height:14px;cursor:pointer;margin:0;flex-shrink:0}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{background:#fff;border:1px solid #e7e9f2;border-radius:12px;padding:17px;position:relative;min-width:0;transition:box-shadow .15s,border-color .15s}.case-card:hover{box-shadow:0 6px 23px #2b24530b;border-color:#d7d2ed}.case-card.selected{border-color:#aaa4e9;box-shadow:0 0 0 1px #aaa4e91f}.card-top{display:flex;align-items:center;gap:9px;margin-bottom:15px}.site-symbol{width:35px;height:35px;border-radius:9px;background:var(--tint,#eeecfb);color:var(--accent,#8c82bd);font-size:15px;font-weight:650;display:grid;place-items:center;flex-shrink:0}.card-kind{font-size:9px;color:#a3a3b4}.card-top .icon-button{margin-left:auto;width:28px;height:28px}.card-top .icon-button svg{width:16px;height:16px}.starred svg{fill:#f6dba2;stroke:#d7af59}.case-card h3{font-size:14px;font-weight:600;line-height:1.7;margin:0 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-domain{display:block;font-size:10px;color:#9c9eaf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px}.card-tags{height:22px;overflow:hidden;display:flex;gap:5px;flex-wrap:nowrap}.chip{padding:2px 7px;font-size:9px;background:#f5f6fa;color:#9498ab;border-radius:4px;white-space:nowrap}.chip.industry{background:#f0effb;color:#8c80b8}.card-note{font-size:10px;color:#9ea1b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px 0 0;min-height:16px}.card-footer{border-top:1px solid #f0f0f6;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;gap:6px}.card-footer .check-label{font-size:10px}.card-actions{display:flex;gap:2px;align-items:center}.card-actions .icon-button{width:27px;height:28px}.card-actions svg{width:14px;height:14px}.card-copy{display:flex;align-items:center;gap:5px;border:0;background:#f1f0fd;color:#7870b7;font-size:9px;padding:6px 8px;border-radius:5px;white-space:nowrap}.card-copy svg{width:12px;height:12px}.card-copy:hover{background:#e5e2fc}.case-grid.list-view{grid-template-columns:1fr;gap:10px}.list-view .case-card{display:grid;grid-template-columns:105px minmax(120px,1fr) minmax(100px,1fr) 205px;align-items:center;gap:0 12px;padding:14px 18px}.list-view .card-top{grid-column:1;grid-row:1 / 3;margin:0;gap:7px}.list-view .card-top .icon-button{display:none}.list-view h3{grid-column:2;grid-row:1}.list-view .card-domain{grid-column:2;grid-row:2;margin:0}.list-view .card-tags{grid-column:3;grid-row:1 / 3;height:auto;flex-wrap:wrap}.list-view .card-note{display:none}.list-view .card-footer{grid-column:4;grid-row:1 / 3;border:0;margin:0;padding:0}.empty-state{padding:51px 20px 58px;background:#fff;border:1px dashed #e1e2ef;border-radius:12px;text-align:center}.empty-art{width:100px;height:88px;position:relative;margin:0 auto 22px}.empty-sheet{position:absolute;left:16px;top:1px;background:linear-gradient(145deg,#f0edfc,#faf9ff);border:1px solid #e9e5f7;border-radius:9px;width:65px;height:78px;transform:rotate(-9deg);padding:14px}.empty-sheet svg{color:#b1a7d6;display:block;width:24px;height:24px;margin-bottom:10px}.empty-sheet i{display:block;width:33px;height:4px;border-radius:2px;background:#dfdaf0;margin:6px 0}.empty-sheet i:last-child{width:20px}.empty-art>span{width:31px;height:31px;position:absolute;right:1px;bottom:0;background:#fff;border:1px solid #e6e2f5;border-radius:9px;color:#a09bc3;display:grid;place-items:center;box-shadow:0 3px 7px #d7cfef20;font-size:21px;transform:rotate(8deg)}.empty-state h3{font-weight:500;font-size:16px;margin:0 0 9px;color:#62647c}.empty-state p{font-size:11px;color:#aaadbb;margin:0 auto 24px;line-height:1.9;max-width:350px}.empty-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-actions .button{font-size:11px;min-height:38px}.empty-actions .text-button{font-size:10px;color:#a5a1b8}footer{text-align:center;color:#bec0ce;font-size:9px;padding:26px 0 29px;letter-spacing:.8px}footer span{margin:0 7px}.selection-bar{position:fixed;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);display:flex;align-items:center;gap:24px;background:#fff;border:1px solid #e6e3f6;box-shadow:0 8px 40px #25224924;border-radius:13px;padding:12px 16px 12px 22px;z-index:35;white-space:nowrap;font-size:12px}.selection-count{font-size:15px;color:var(--purple);font-weight:700;margin-right:3px}.selection-bar .button{min-height:37px}.selection-bar .text-button{font-size:11px}dialog{border:1px solid #e9e6f1;border-radius:16px;width:550px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;color:var(--ink);box-shadow:0 20px 100px #15112b30;overscroll-behavior:contain}dialog::backdrop{background:#20203970;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:21px;font-weight:600;margin:2px 0 0}.dialog-eyebrow{font-size:8px;letter-spacing:1.5px;color:#a49dc3}.dialog-intro{font-size:12px;color:#9395aa;line-height:1.9;margin:15px 0 23px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:19px;gap:12px}.dialog-footer>div{display:flex;gap:8px;margin-left:auto}dialog label,.login-card label{display:block;font-size:12px;font-weight:500;margin:15px 0 0;color:#676a82}dialog input:not([type=checkbox]),dialog select,dialog textarea,.login-card input{width:100%;display:block;margin:7px 0 0;border:1px solid #e4e5ef;border-radius:7px;padding:10px 12px;font-size:12px;background:#fff;color:#555a72;min-width:0}dialog input:not([type=checkbox]),.login-card input{height:42px}dialog textarea{resize:vertical;line-height:1.8}dialog input::placeholder,dialog textarea::placeholder{color:#b4b4c3}.required{color:#a29ac6}.optional{color:#acacbc;font-size:10px;font-weight:400}.form-row{display:flex;gap:14px}.form-row>label{width:50%;min-width:0}.featured-check{display:flex;align-items:center;font-size:12px;gap:8px}.form-error{font-size:11px;color:#c15a69;white-space:pre-line}.form-error:empty{display:none}.category-list{max-height:350px;overflow:auto}.category-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f0f0f5;padding:10px 0}.category-row input{margin:0!important;flex:1;width:100px!important}.category-row .optional{width:40px;text-align:center}.inline-form{display:flex;gap:8px;margin-top:22px}.inline-form input{margin:0!important}.inline-form .button{flex-shrink:0}#confirmDialog{width:420px}#copyDialog textarea{min-height:180px;width:100%;color:#62627b}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#313148;color:white;border-radius:9px;padding:12px 22px;font-size:12px;box-shadow:0 8px 30px #22223e30;max-width:calc(100vw - 32px);text-align:center}.selection-bar:not([hidden])~.toast{bottom:105px}.preview-notice{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#f0eef9;border:1px solid #e8e3f8;border-radius:7px;color:#968bb4;font-size:10px;margin-bottom:25px;gap:12px}.preview-notice button{border:0;background:none;color:inherit;font-size:16px;padding:0 4px}.login-view{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 80% 0%,#e9e5fb,transparent 60%),var(--bg)}.login-card{width:390px;max-width:100%;padding:36px;background:white;border-radius:18px;border:1px solid #eeebf7;box-shadow:0 15px 70px #51497f0b}.login-card .brand-mark{margin:0 0 25px}.login-card h1{font-size:22px;font-weight:600;margin:0}.login-card>p{font-size:12px;color:#9c9db0;margin:9px 0 26px}.login-card label{margin-top:18px}.login-card>.button{width:100%;margin-top:26px;justify-content:space-between}.login-card small{font-size:10px;color:#b3b3c2;text-align:center;display:block;margin-top:24px}.scrim{display:none}
@media(min-width:1600px){.hero{height:260px;padding-top:41px}.hero-art{right:90px}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){:root{--sidebar:215px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 28px}main{padding:28px 28px 0}.hero{padding:32px 28px}.hero h1{font-size:27px}.hero-art{right:5px;opacity:.85;transform:scale(.9);transform-origin:right center}.hero-copy{max-width:70%}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>p{display:none}.stats{grid-template-columns:repeat(3,1fr)}.save-state{display:none}.list-view .case-card{grid-template-columns:50px minmax(100px,1fr) 180px}.list-view .card-kind,.list-view .card-tags{display:none}.list-view .card-footer{grid-column:3}}
@media(max-width:800px){:root{--sidebar:205px}.sidebar{padding-top:25px}.topbar{height:72px;padding:0 20px}.breadcrumb{gap:8px;font-size:11px}.top-actions{gap:8px}.top-actions .compact{font-size:10px;padding:8px 10px}.top-actions svg{width:14px;height:14px}main{padding:24px 20px 0}.hero{height:220px;padding:28px 23px}.hero h1{font-size:23px;letter-spacing:.2px;margin-top:20px}.hero p{font-size:10px;max-width:220px;line-height:1.9}.hero-art{transform:scale(.72);right:-15px;opacity:.65}.hero-copy{max-width:82%}.eyebrow{font-size:7px;letter-spacing:1.5px}.hero-link{margin-top:18px;font-size:9px}.stats{gap:8px;padding:23px 0}.stats>div{gap:9px}.stat-icon{width:33px;height:33px;border-radius:8px}.stat-icon svg{width:16px;height:16px}.stats b{font-size:20px}.stats small{font-size:9px}.toolbar{gap:7px;flex-wrap:wrap}.searchbox{flex-basis:100%}.toolbar>select{flex:1}.view-toggle{flex-shrink:0}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.section-heading .button{font-size:10px}.case-grid{gap:12px}.case-card{padding:13px}.card-kind{font-size:8px}.card-copy{font-size:8px;padding:5px}.card-actions .icon-button{width:23px}.card-footer{gap:3px}.card-footer .check-label{gap:5px}.selection-bar{gap:13px;padding:10px 12px;font-size:11px}.selection-bar .button{padding:9px 13px}}
@media(max-width:640px){:root{--sidebar:0px}.sidebar{width:246px;transform:translateX(-100%);transition:transform .2s;padding-top:26px;z-index:60}.sidebar.open{transform:translateX(0)}.scrim:not([hidden]){display:block;position:fixed;inset:0;background:#24223f55;z-index:55}.mobile-only{display:inline-flex}.topbar{height:66px;padding:0 17px;gap:8px}.breadcrumb>span:first-of-type,.breadcrumb .slash{display:none}.breadcrumb{gap:4px}.top-actions .compact{font-size:10px;padding:7px 10px;min-height:34px}.top-actions .secondary svg{display:none}.top-actions{gap:7px}.main-wrap{margin:0}main{padding:20px 17px 0}.hero{height:211px;border-radius:11px;padding:26px 22px}.hero-copy{max-width:100%}.hero h1{font-size:24px;margin:18px 0 8px}.hero p{font-size:10px;max-width:223px}.hero-art{right:-23px;transform:scale(.65);top:13px;opacity:.45}.hero-link{margin-top:16px}.stats{padding:21px 0;margin-bottom:23px;gap:14px}.stats>div{gap:8px}.stat-icon{width:33px;height:36px}.stats b{font-size:20px}.stats small{font-size:9px}.section-heading{margin-bottom:17px}.section-heading .button{padding:7px 9px;font-size:10px}.section-heading h2{font-size:18px}.toolbar{gap:8px}.toolbar select{font-size:10px;height:38px;padding:7px 18px 7px 10px}.view-toggle{height:38px;padding:2px}.view-toggle .icon-button{width:31px;height:30px}.list-meta{margin:18px 0 15px}.case-grid{grid-template-columns:1fr;gap:13px}.case-card{padding:17px}.card-top{margin-bottom:13px}.case-card h3{font-size:15px}.card-kind{font-size:10px}.card-domain{font-size:11px}.chip{font-size:10px}.card-note{font-size:11px}.card-copy{font-size:10px;padding:7px 10px}.card-actions .icon-button{width:30px}.card-footer .check-label{font-size:11px;gap:8px}.card-footer{padding-top:13px}.card-actions svg{width:15px;height:15px}.case-grid.list-view .case-card{grid-template-columns:35px minmax(95px,1fr) 110px;padding:14px 12px;gap:0 10px}.list-view .case-card h3{font-size:12px}.list-view .card-domain{font-size:9px}.list-view .card-footer>.check-label{font-size:0;gap:0}.list-view .card-actions>.icon-button{display:none}.list-view .card-copy{font-size:9px;padding:6px 7px}.list-view .site-symbol{width:33px;height:33px}.empty-state{padding:40px 18px 42px}.empty-state h3{font-size:15px}.empty-state p{font-size:10px;max-width:240px}.empty-art{transform:scale(.9);margin-bottom:14px}.selection-bar{bottom:15px;gap:12px;padding:10px 12px;max-width:calc(100vw - 24px);font-size:10px;width:max-content}.selection-bar .button{font-size:10px;padding:7px 10px}.selection-bar .text-button{font-size:10px;padding:5px}.selection-count{font-size:13px}dialog{padding:23px 20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);border-radius:13px}.dialog-heading h2{font-size:19px}.dialog-intro{font-size:11px}.form-row{gap:10px}.dialog-footer .button{padding:9px 15px}.preview-notice{font-size:9px;margin-bottom:20px}.login-card{padding:30px 26px}.category-row{gap:6px}.category-row .button{font-size:10px;padding:8px}.category-row .optional{width:32px}.inline-form .button{font-size:10px;padding:9px 12px}footer{font-size:8px}.toast{bottom:85px;width:max-content}.selection-bar:not([hidden])~.toast{bottom:85px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Industry reference catalog */
#categoryNav{flex:1;min-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e1dfee transparent;margin:0 -6px;padding:0 6px}.sidebar-heading{margin-top:24px}.sidebar-bottom{margin-top:15px;padding-top:0}.sidebar-bottom .tip{display:none}.sidebar{padding-top:25px}.brand{margin-bottom:27px}.industry-group{margin-bottom:7px}.industry-group summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:11px;color:#696c84;padding:10px 6px;font-weight:550;line-height:1.8}.industry-group summary::-webkit-details-marker{display:none}.group-index{font-size:9px;letter-spacing:.5px;color:#aaa5c4;width:20px;flex-shrink:0}.group-chevron{margin-left:auto;color:#a9a4bf;transition:transform .15s}.industry-group[open] .group-chevron{transform:rotate(180deg)}.group-items{border-left:1px solid #eeeaf7;margin-left:14px;padding-left:5px}.group-items .nav-button{font-size:10px;padding:9px 8px;min-height:36px;gap:4px}.group-items .category-dot{width:4px;height:4px;margin:0 6px;background:#b9b3d4}.group-items .nav-button b{font-size:9px}.group-items .nav-button.active{background:#efedfb}.group-all{border:0;background:none;color:#aaa3c0;font-size:9px;padding:8px 11px;width:100%;display:flex;justify-content:space-between}.group-all:hover{color:var(--purple)}.collection-actions{display:flex;gap:8px;align-items:center}.site-preview{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:10px 10px 0 0;background:#eeedf5;margin:-17px -17px 16px;border-bottom:1px solid #eeedf6}.site-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.site-preview>span{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;align-items:center;background:#ffffffed;border:1px solid #ffffff70;border-radius:5px;padding:5px 8px;font-size:9px;color:#68637e;box-shadow:0 2px 10px #0000000a;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.site-preview:hover>span{opacity:1;transform:translateY(0)}.site-preview:hover img{transform:scale(1.025)}.site-preview>span svg{width:12px;height:12px}.preview-typography{background:linear-gradient(145deg,#fbfaff,#f0eef7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.preview-typography:before{content:"";position:absolute;width:160px;height:160px;border:1px solid #b8b0d220;border-radius:50%;right:-30px;top:-50px}.preview-typography strong{color:#78718f;font-size:22px;font-weight:500;letter-spacing:.3px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-typography small{color:#b0a7c6;font-size:9px;margin-top:7px}.case-card{overflow:hidden}.card-note:empty{display:none}.card-top{margin-bottom:10px}.card-tags{margin-top:11px}.list-view .case-card{grid-template-columns:90px 65px minmax(130px,1fr) minmax(80px,1fr) 205px}.list-view .site-preview{grid-column:1;grid-row:1 / 3;margin:0;border-radius:5px;width:90px;aspect-ratio:1.6}.list-view .site-preview>span,.list-view .site-preview small{display:none}.list-view .preview-typography{padding:7px}.list-view .preview-typography strong{font-size:10px}.list-view .card-top{grid-column:2}.list-view h3,.list-view .card-domain{grid-column:3}.list-view .card-tags{grid-column:4;margin:0}.list-view .card-footer{grid-column:5}.list-view .site-symbol{width:29px;height:29px;font-size:12px}.list-view .card-kind{font-size:8px}.load-more{display:flex;margin:24px auto 8px;min-width:190px;font-size:11px}.customer-view .card-note,.customer-view .card-actions [data-action=edit],.customer-view #addBtn,.customer-view #batchBtn,.customer-view #heroAdd,.customer-view #previewNotice,.customer-view #storageLabel,.customer-view #exportBtn,.customer-view #importBtn,.customer-view #manageCategories,.customer-view #logoutBtn{display:none!important}.customer-view .hero{height:205px}.customer-view .account{display:none}.customer-view .sidebar-bottom{margin:0;padding:0}.customer-view .save-state{display:none}.customer-view #emptyAdd,.customer-view #emptyBatch{display:none}.customer-view .hero-art{transform:scale(.85);transform-origin:right center}.collection-actions .button{flex-shrink:0}.section-heading{scroll-margin-top:20px}
@media(max-width:1180px){.list-view .case-card{grid-template-columns:75px minmax(100px,1fr) 180px}.list-view .site-preview{width:75px;grid-column:1}.list-view .card-top{display:none}.list-view h3,.list-view .card-domain{grid-column:2}.list-view .card-footer{grid-column:3}}
@media(max-width:800px){.top-actions #presentationBtn{padding:8px}.top-actions #presentationBtn svg{display:none}.site-preview{margin:-13px -13px 13px}.collection-actions{gap:5px}.collection-actions #shareViewBtn{font-size:0;padding:8px}.collection-actions #shareViewBtn svg{width:14px;height:14px}}
@media(max-width:640px){.site-preview{margin:-17px -17px 17px}.site-preview>span{opacity:1;transform:none}.topbar{padding-left:10px;padding-right:12px}.top-actions{gap:5px}.top-actions #presentationBtn{font-size:9px;padding:7px 8px}.top-actions #batchBtn{display:none}.collection-actions .button{font-size:9px}.section-heading{align-items:center}.section-heading h2{font-size:16px}.section-heading p{max-width:200px;line-height:1.8}.list-view .case-card{grid-template-columns:60px minmax(80px,1fr) 100px;gap:0 8px}.list-view .site-preview{width:60px}.list-view .card-footer{grid-column:3}.list-view h3,.list-view .card-domain{grid-column:2}.list-view .card-top{display:none}.customer-view .hero{height:180px}.customer-view .hero h1{font-size:22px}.collection-actions #shareViewBtn{font-size:0;min-width:32px}.collection-actions #copyFiltered{gap:5px;padding:8px;font-size:9px}.section-heading{gap:8px}}
.customer-view .hero,.customer-view .stats,.customer-view .sidebar>.nav-button[data-nav="starred"]{display:none}.customer-view .library{padding-top:5px}.customer-view .section-heading h2{font-size:24px}.customer-view .section-heading p{font-size:12px}.customer-view .site-preview{aspect-ratio:1.6}.customer-view main{padding-top:27px}.customer-view .section-heading{margin-bottom:25px}
@media(max-width:640px){.customer-view .section-heading h2{font-size:20px}.customer-view .section-heading p{font-size:10px}.customer-view main{padding-top:20px}.customer-view .section-heading{margin-bottom:18px}}