@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--p-purple:#6565CD;--p-purple-light:#8484d8;--p-purple-dark:#4f4fb0;--p-purple-bg:#f0f0fa;--p-purple-bg-deep:#e8e8f5;--p-aqua:#1FB1B3;--p-aqua-light:#3cc5c7;--p-aqua-bg:#e8f8f8;--p-blue:#428BBF;--p-yellow:#FBB90F;--p-yellow-bg:#fff8e1;--p-white:#FFFFFF;--p-black:#1a1a2e;--p-gray-50:#fafafc;--p-gray-100:#f4f4f9;--p-gray-200:#e8e8f0;--p-gray-300:#d1d1dd;--p-gray-400:#9d9db5;--p-gray-500:#6e6e8a;--p-gray-600:#4a4a62;--p-radius-sm:6px;--p-radius:10px;--p-radius-lg:14px;--p-shadow-sm:0 1px 3px rgba(101, 101, 205, 0.06), 0 1px 2px rgba(0,0,0,0.04);--p-shadow:0 4px 12px rgba(101, 101, 205, 0.08), 0 2px 4px rgba(0,0,0,0.04);--p-shadow-lg:0 8px 30px rgba(101, 101, 205, 0.12), 0 4px 8px rgba(0,0,0,0.06);--p-transition:0.2s cubic-bezier(0.4, 0, 0.2, 1);--p-transition-slow:0.35s cubic-bezier(0.4, 0, 0.2, 1)}.protecto-demo-container *,.protecto-demo-container *::before,.protecto-demo-container *::after{box-sizing:border-box}.protecto-demo-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--p-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-height:560px;height:560px;display:flex;flex-direction:column;border:1px solid var(--p-gray-200);border-radius:var(--p-radius-lg);overflow:hidden;background:var(--p-white);box-shadow:var(--p-shadow-lg);position:relative}.app-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p-purple),var(--p-aqua),var(--p-blue));z-index:10;border-radius:var(--p-radius-lg) var(--p-radius-lg) 0 0}.header-wrapper{padding:16px 20px 12px;background:var(--p-gray-50);border-bottom:1px solid var(--p-gray-200);flex-shrink:0}.tabs{display:flex;gap:8px}.tab{flex:1;text-align:center;padding:12px 14px;background:var(--p-white);border:1.5px solid var(--p-gray-200);font-family:'Instrument Sans','Inter',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.01em;cursor:pointer;border-radius:var(--p-radius);color:var(--p-gray-500);transition:all var(--p-transition);position:relative;overflow:hidden;user-select:none}.tab:hover{border-color:var(--p-purple-light);color:var(--p-purple);background:var(--p-purple-bg);box-shadow:var(--p-shadow-sm);transform:translateY(-1px)}.tab.active{background:var(--p-purple);color:var(--p-white);border-color:var(--p-purple);box-shadow:0 4px 14px rgb(101 101 205 / .35);transform:translateY(-1px)}.tab.active:hover{background:var(--p-purple-dark);border-color:var(--p-purple-dark)}.main{display:flex;flex:1;height:100%;min-height:0}.sample-column{background:var(--p-gray-50);width:210px;min-width:190px;border-right:1px solid var(--p-gray-200);padding:14px 12px;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.sample-column h4{font-family:'Instrument Sans',sans-serif;font-size:12px;font-weight:600;color:var(--p-gray-500);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px 2px;flex-shrink:0}.sample-btn-list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--p-gray-300) #fff0}.sample-btn-list::-webkit-scrollbar{width:5px}.sample-btn-list::-webkit-scrollbar-track{background:#fff0}.sample-btn-list::-webkit-scrollbar-thumb{background:var(--p-gray-300);border-radius:10px}.sample-btn{padding:10px 12px;margin-bottom:6px;border:1.5px solid var(--p-gray-200);background:var(--p-white);cursor:pointer;text-align:left;border-radius:var(--p-radius-sm);font-size:13px;font-weight:500;color:var(--p-gray-600);transition:border-color var(--p-transition),background var(--p-transition),color var(--p-transition),box-shadow var(--p-transition),transform var(--p-transition);line-height:1.35}.sample-btn:hover{border-color:var(--p-aqua);background:var(--p-aqua-bg);color:var(--p-black);box-shadow:var(--p-shadow-sm);transform:translateY(-1px)}.sample-btn:active{transform:translateY(0);box-shadow:none}.clear-btn{margin-top:auto;padding:10px 14px;border:none;background:var(--p-purple);border-radius:var(--p-radius-sm);cursor:pointer;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;color:var(--p-white);flex-shrink:0;transition:all var(--p-transition);letter-spacing:.01em}.clear-btn:hover{background:var(--p-purple-dark);box-shadow:0 3px 10px rgb(101 101 205 / .3);transform:translateY(-1px)}.clear-btn:active{transform:translateY(0);box-shadow:none}.column{display:flex;flex-direction:column;flex:1 1 0%;min-width:220px;min-height:0;max-height:100%;height:100%;padding:14px;border-right:1px solid var(--p-gray-200);background:var(--p-white)}.column:last-child{border-right:none}.column-label{font-family:'Instrument Sans',sans-serif;font-size:12px;font-weight:600;color:var(--p-gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-left:2px}.protecto-output-label{display:flex;align-items:center;justify-content:space-between;min-height:24px}.protecto-demo-container button.protecto-output-copy{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 26px!important;min-width:0!important;max-width:26px!important;width:26px!important;min-height:0!important;max-height:26px!important;height:26px!important;margin:-5px 0 -3px!important;padding:5px!important;border:0!important;border-radius:5px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--p-gray-400)!important;font:inherit!important;line-height:1!important;text-decoration:none!important;text-shadow:none!important;text-transform:none!important;cursor:pointer;transition:color var(--p-transition),background var(--p-transition),transform var(--p-transition)}.protecto-demo-container button.protecto-output-copy::before,.protecto-demo-container button.protecto-output-copy::after{content:none!important;display:none!important}.protecto-demo-container button.protecto-output-copy svg{display:block!important;flex:0 0 16px!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important}.protecto-demo-container button.protecto-output-copy .check-icon{display:none!important}.protecto-demo-container button.protecto-output-copy:hover,.protecto-demo-container button.protecto-output-copy:focus-visible{color:var(--p-purple)!important;background:var(--p-purple-bg)!important}.protecto-demo-container button.protecto-output-copy:focus-visible{outline:2px solid var(--p-aqua)!important;outline-offset:1px!important}.protecto-demo-container button.protecto-output-copy:disabled{color:var(--p-gray-300)!important;background:transparent!important;opacity:1!important;cursor:default}.protecto-demo-container button.protecto-output-copy.is-copied{color:#0d7c7e!important;background:var(--p-aqua-bg)!important;transform:scale(1.08)}.protecto-demo-container button.protecto-output-copy.is-copied .copy-icon{display:none!important}.protecto-demo-container button.protecto-output-copy.is-copied .check-icon{display:block!important}.content-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;max-height:100%;gap:10px}.scroll-box{flex:1 1 auto;min-height:0;max-height:100%;width:100%;resize:none;border:1.5px solid var(--p-gray-200);border-radius:var(--p-radius);padding:12px 14px;font-family:'Inter',sans-serif;font-size:14px;line-height:1.55;background:var(--p-white);box-sizing:border-box;overflow-y:auto;color:var(--p-black);transition:border-color var(--p-transition),box-shadow var(--p-transition);scrollbar-width:thin;scrollbar-color:var(--p-gray-300) #fff0}.scroll-box::-webkit-scrollbar{width:5px}.scroll-box::-webkit-scrollbar-track{background:#fff0}.scroll-box::-webkit-scrollbar-thumb{background:var(--p-gray-300);border-radius:10px}textarea.scroll-box{height:100%;min-height:120px;max-height:100%}textarea.scroll-box:focus{outline:none;border-color:var(--p-purple);box-shadow:0 0 0 3px rgb(101 101 205 / .12)}textarea.scroll-box::placeholder{color:var(--p-gray-400);font-style:normal}div.scroll-box{background:var(--p-gray-50);border-color:var(--p-gray-200)}div.scroll-box.is-placeholder{color:var(--p-gray-400)}div.scroll-box.is-loading{color:var(--p-purple);animation:protecto-pulse 1.5s ease-in-out infinite}div.scroll-box.is-error{color:#b42318;background:#fff8f7;border-color:#f4c7c3}.data-table{flex:1;border:1.5px solid var(--p-gray-200);background:var(--p-white);overflow-y:auto;overflow-x:auto;color:var(--p-black);border-radius:var(--p-radius);padding:0;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--p-gray-300) #fff0}.data-table::-webkit-scrollbar{width:5px;height:5px}.data-table::-webkit-scrollbar-track{background:#fff0}.data-table::-webkit-scrollbar-thumb{background:var(--p-gray-300);border-radius:10px}.data-table table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;word-wrap:break-word}.data-table th,.data-table td{border-bottom:1px solid var(--p-gray-200);border-right:1px solid var(--p-gray-200);padding:10px 12px;text-align:left;vertical-align:top;word-break:break-word;white-space:pre-wrap;max-width:320px;overflow-wrap:anywhere}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table th{background:var(--p-purple-bg);color:var(--p-purple-dark);font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:2;border-bottom:2px solid var(--p-purple-light)}.data-table td{background:var(--p-white);color:var(--p-gray-600);font-size:13px;line-height:1.45}.data-table tbody tr:hover td{background:var(--p-gray-50)}.data-table tbody{width:100%}.data-table tr.placeholder td{color:var(--p-gray-400);font-style:italic;text-align:center;padding:20px;font-size:13px}.pii-type-label{display:inline-block;font-size:11px;color:var(--p-purple);background:var(--p-purple-bg);padding:2px 7px;border-radius:4px;margin-top:3px;font-weight:500;letter-spacing:.02em}.scroll-box mark,.protecto-demo-container mark{background:linear-gradient(135deg,rgb(251 185 15 / .25),rgb(251 185 15 / .15));border:1px solid rgb(251 185 15 / .4);border-radius:3px;padding:1px 4px;color:inherit;font-weight:500}.protecto-tag{background:linear-gradient(135deg,var(--p-aqua-bg),rgb(31 177 179 / .15));border:1px solid rgb(31 177 179 / .3);border-radius:4px;padding:2px 6px;font-weight:600;color:#0d7c7e;font-size:.88em;font-family:'JetBrains Mono',monospace;display:inline-block;margin:1px 0}.toxicity{flex-shrink:0}.toxicity .column-label{margin-top:4px}.toxicity-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;color:var(--p-gray-500);font-size:12px}.toxicity-chips.is-placeholder,.toxicity-chips.is-loading{padding:6px 0;color:var(--p-gray-400)}.toxicity-chips.is-loading{color:var(--p-purple);animation:protecto-pulse 1.5s ease-in-out infinite}.toxicity-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid #bfe5d8;border-radius:999px;background:#edf9f4;color:#167255;font-size:11px;line-height:1.2;white-space:nowrap}.toxicity-chip span{overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.toxicity-chip strong{font-size:10.5px;font-variant-numeric:tabular-nums}.toxicity-chip.is-medium{border-color:#f2d28b;background:var(--p-yellow-bg);color:#8a5a00}.toxicity-chip.is-high{border-color:#f3bbb5;background:#fff1f0;color:#b42318}@keyframes protecto-pulse{0%,100%{opacity:1}50%{opacity:.5}}.scroll-box.processing,.data-table.processing{animation:protecto-pulse 1.5s ease-in-out infinite}@media (max-width:768px){.app-container{max-height:none;height:auto;overflow:visible;border-radius:var(--p-radius)}.app-container::before{border-radius:var(--p-radius) var(--p-radius) 0 0}.header-wrapper{padding:12px 14px 10px}.tabs{gap:6px}.tab{padding:10px 8px;font-size:12.5px}.main{display:block;flex-direction:unset;height:auto;min-height:0;gap:unset;flex:unset}.main.tab-content{flex-direction:column!important;height:auto!important;min-height:0;gap:unset;flex:unset!important}#identify:not([style*="display: none"]),#mask:not([style*="display: none"]),#unmask:not([style*="display: none"]){flex-direction:column!important;height:auto!important;flex:unset!important}.sample-column{width:100%;min-width:0;max-width:100%;border-right:none;border-bottom:1px solid var(--p-gray-200);max-height:220px;padding:12px;display:flex;flex-direction:column;overflow:hidden}.sample-btn-list{flex:1;overflow-y:auto}.sample-btn{padding:8px 10px;font-size:12.5px}.column{width:100%;min-width:0;max-width:100%;border-right:none;border-bottom:1px solid var(--p-gray-200);box-sizing:border-box;display:block;max-height:unset;min-height:unset;height:auto;padding:14px;overflow:visible;flex:unset;background:var(--p-white)}.column:last-child{border-bottom:none;margin-bottom:0}.content-wrapper{min-height:0;max-height:none;height:auto;display:block}.scroll-box,textarea.scroll-box{min-height:80px;max-height:180px;height:100px;font-size:13.5px}.data-table{width:100%;max-width:100%}.data-table table{min-width:0;width:100%;display:table;overflow-x:auto;table-layout:auto}.data-table th,.data-table td{max-width:none;width:auto;font-size:12.5px;padding:8px;word-break:break-word}.toxicity-chips{gap:5px}}@media (max-width:480px){.tabs{flex-direction:column;gap:4px}.tab{padding:10px 12px;font-size:13px}.sample-column{max-height:180px}}