.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}:root{font-size:16px;font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25283b;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #f7f8fc;--surface: #fff;--surface-soft: #fafbfe;--surface-hover: #f5f6fb;--ink: #25283b;--ink-soft: #60657b;--muted: #9599aa;--line: #eceef4;--line-strong: #e1e4ec;--accent: #625bff;--accent-soft: #f0efff;--accent-hover: #5149ee;--teal: #20a88d;--shadow: 0 8px 24px rgba(30, 37, 70, .045);--text-small: .8125rem;--text-body: .9375rem;--text-label: .875rem;--text-heading: 1.125rem;--text-title: 1.375rem}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;font-size:1rem;line-height:1.55}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(98,91,255,.22);outline-offset:2px}button:disabled{cursor:not-allowed!important;opacity:.5}::selection{color:#4038d5;background:#e8e7ff}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:252px;flex-direction:column;padding:25px 17px 17px;border-right:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:11px;margin:0 5px 31px;cursor:pointer}.brand-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#7770ff,#544be8);box-shadow:0 5px 12px #625bff33}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);font-size:15px;font-weight:700;letter-spacing:.2px}.brand span{margin-top:3px;color:#9b9cb3;font-size:9px;font-weight:600;letter-spacing:1.5px}.sidebar-close{display:none!important;margin-left:auto}.search-box{display:flex;height:40px;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:#9297aa;background:var(--surface-soft);text-align:left;cursor:pointer}.search-box span{flex:1;font-size:12px}kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:#8e93a6;background:var(--surface);font-family:inherit;font-size:10px}.search-input{position:absolute;top:105px;left:27px;width:198px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.search-input:focus{z-index:2;top:71px;left:17px;width:218px;height:40px;padding:0 10px;border:1px solid var(--accent);border-radius:9px;opacity:1;background:var(--surface);pointer-events:auto}.search-input:focus+.nav-caption{margin-top:29px}.nav-caption{margin:27px 7px 9px;color:#9da1b1;font-size:10px;font-weight:700;letter-spacing:.9px}.category-nav,.quick-nav{display:grid;gap:4px}.nav-item,.quick-item{display:flex;width:100%;height:39px;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:8px;color:#656b7f;background:transparent;text-align:left;cursor:pointer;transition:.15s ease}.nav-item>span:nth-of-type(1),.quick-item>span:first-of-type{flex:1;font-size:12px;font-weight:500}.nav-item>svg{color:#888da0}.nav-item:hover,.quick-item:hover{color:var(--accent);background:var(--surface-hover)}.nav-item.selected{color:var(--accent);background:var(--accent-soft)}.nav-item.selected>svg{color:var(--accent)}.nav-count{min-width:22px;color:#a0a3b2;font-size:10px;text-align:right}.tools-caption{margin-top:29px}.quick-nav{gap:1px}.quick-item{height:34px;gap:9px;color:#808599}.quick-item>span:first-of-type{font-size:11px}.quick-arrow{color:#b1b4c2}.empty-recent{padding:6px 10px;color:#a2a6b4;font-size:11px}.sidebar-bottom{margin-top:auto}.privacy-note{display:flex;align-items:center;gap:9px;margin:0 2px 11px;padding:11px 10px;border:1px solid #e6f4f0;border-radius:9px;color:#318d7b;background:#f3faf8}.privacy-note svg{flex:0 0 auto}.privacy-note span{font-size:10px;line-height:1.6}.theme-toggle{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;color:#74798d;background:transparent;font-size:11px;cursor:pointer}.theme-toggle:hover{background:var(--surface-hover)}.sidebar-version{display:flex;justify-content:space-between;margin:17px 7px 0;color:#a0a3b2;font-size:10px}.sidebar-version span{color:#b1b4c1}.main-area{min-height:100vh;margin-left:252px}.topbar{position:sticky;z-index:10;top:0;display:flex;height:61px;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 93%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumbs{display:flex;align-items:center;gap:8px;color:#9b9eae;font-size:11px}.breadcrumbs span:last-child{color:#51566b;font-weight:600}.topbar-right{display:flex;align-items:center;gap:17px}.view-count{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:var(--text-small);white-space:nowrap}.view-count strong{color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums}.local-badge{display:flex;align-items:center;gap:7px;color:#6d7884;font-size:10px}.local-badge span{width:6px;height:6px;border-radius:50%;background:#27b08f;box-shadow:0 0 0 3px #27b08f1f}.topbar-theme,.icon-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;color:#777c8f;background:transparent;cursor:pointer}.topbar-theme:hover,.icon-button:hover{background:var(--surface-hover)}.mobile-menu-button{display:none}.home-content{max-width:1170px;margin:0 auto;padding:35px 43px 18px}.hero-panel{position:relative;display:flex;min-height:266px;overflow:hidden;align-items:center;padding:32px 36px;border:1px solid #e8e8fb;border-radius:16px;background:linear-gradient(110deg,#f0f0ff,#f5f5ff 48%,#f1f8ff)}.hero-copy{position:relative;z-index:1;width:66%}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(103,96,235,.11);border-radius:20px;color:#7771c4;background:#ffffff94;font-size:10px;font-weight:600}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:#6e64ff}.hero-panel h1{margin:15px 0 8px;color:#252843;font-size:29px;font-weight:700;letter-spacing:-.7px}.hero-panel h1 span{color:#655df5}.hero-panel p{margin:0;color:#777c95;font-size:11px;line-height:1.9}.hero-search{display:flex;width:min(430px,100%);height:43px;align-items:center;gap:9px;margin-top:17px;padding:0 11px;border:1px solid #e5e6f4;border-radius:9px;color:#9599ab;background:#ffffffe6;box-shadow:0 3px 10px #2b305808}.hero-search input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.hero-search input::placeholder{color:#a5a8b8}.hero-tags{display:flex;align-items:center;gap:7px;margin-top:11px;color:#969aab;font-size:9px}.hero-tags button{padding:3px 7px;border:0;border-radius:5px;color:#73789a;background:#ffffff94;font-size:9px;cursor:pointer}.hero-tags button:hover{color:var(--accent);background:#fff}.hero-art{position:absolute;top:0;right:1%;width:35%;height:100%}.art-orbit{position:absolute;top:51%;left:49%;border:1px solid rgba(119,112,219,.11);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:215px;height:215px}.orbit-two{width:155px;height:155px}.art-card{position:absolute;display:flex;width:94px;height:112px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.76);border-radius:15px;color:#756ff1;background:#fffc;box-shadow:0 11px 27px #514da41c;transform:rotate(-10deg)}.art-card span{color:#8788a2;font-size:9px;font-weight:700;letter-spacing:1.4px}.art-card-back{top:36px;left:35px;opacity:.7;transform:rotate(10deg) scale(.83)}.art-card-front{top:81px;left:105px;color:#4c8dce;transform:rotate(9deg)}.art-spark{position:absolute;color:#a5a1f8;font-size:20px}.spark-one{top:41px;right:50px}.spark-two{right:15px;bottom:43px;color:#7ec9bf;font-size:17px}.section-block{margin-top:31px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-heading h2{margin:0;color:var(--ink);font-size:16px;font-weight:700}.section-heading p{margin:4px 0 0;color:#969aab;font-size:10px}.total-count{color:#9a9dad;font-size:10px}.group-section+.group-section{margin-top:25px}.group-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.group-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px}.group-icon.color{color:#685ef4;background:#efedff}.group-icon.text{color:#39a18d;background:#e8f7f3}.group-icon.other{color:#ec9c4c;background:#fff4e9}.group-heading strong,.group-heading small{display:block}.group-heading strong{color:#454a60;font-size:11px}.group-heading small{margin-top:3px;color:#a1a4b1;font-size:9px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tool-card{position:relative;display:flex;min-width:0;min-height:120px;align-items:center;gap:10px;padding:11px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tool-card:hover{transform:translateY(-2px);border-color:#dcd9ff;box-shadow:var(--shadow)}.tool-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px}.tool-icon.color{color:#7066f4;background:#f0efff}.tool-icon.text{color:#38a18d;background:#eaf7f4}.tool-icon.other{color:#e59b4d;background:#fff4e8}.tool-card-copy{min-width:0;flex:1}.tool-card-copy strong{display:block;overflow:hidden;color:var(--ink);font-size:20px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tool-card-copy small{display:block;overflow:hidden;margin-top:5px;color:#969aab;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tool-tag{position:absolute;top:7px;right:8px;padding:2px 5px;border-radius:4px;color:#776ee8;background:#f1f0ff;font-size:8px}.card-arrow{flex:0 0 auto;color:#b4b6c3}.empty-state{padding:34px 16px;color:#969aab;font-size:12px;text-align:center}.page-footer{display:flex;justify-content:space-between;margin-top:38px;padding:15px 0 4px;border-top:1px solid var(--line);color:#a2a5b1;font-size:9px}.page-footer>span:last-child{display:flex;align-items:center;gap:5px}.page-footer svg{color:#e28c9e}.contact-section{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:26px;margin-top:34px;padding:25px 29px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.contact-eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1.8px}.contact-copy h2{margin:8px 0 6px;color:var(--ink);font-size:20px}.contact-copy>p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.contact-details{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.contact-detail{display:grid;min-width:145px;gap:5px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface-soft);text-decoration:none}.contact-detail:hover{border-color:var(--accent)}.contact-detail-label{color:var(--muted);font-size:9px}.contact-detail strong{color:var(--ink);font-size:13px}.contact-qr-card{display:grid;justify-items:center;gap:8px;margin:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);text-align:center}.contact-qr-card img{display:block;width:168px;height:168px;border-radius:5px;background:#fff;object-fit:contain}.contact-qr-card figcaption{color:var(--ink);font-size:10px;font-weight:600}.contact-qr-card small{color:var(--muted);font-size:8px;line-height:1.6}.workbench-content{max-width:1090px;margin:0 auto;padding:34px 44px 40px}.workbench-heading{margin-bottom:22px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:14px;padding:0;border:0;color:#9599aa;background:transparent;font-size:10px;cursor:pointer}.back-link svg{transform:rotate(180deg)}.back-link:hover{color:var(--accent)}.tool-title-row{display:flex;align-items:center;gap:12px}.title-icon{width:43px;height:43px}.tool-title-row h1{margin:0;color:var(--ink);font-size:20px}.tool-title-row p{margin:5px 0 0;color:#969aab;font-size:11px}.workspace-card{padding:27px 29px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 18px #1e254606}.workspace-card h2{margin:0;color:var(--ink);font-size:15px}.helper-text{margin:7px 0 22px;color:#9095a7;font-size:10px;line-height:1.7}.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.workspace-main{min-width:0}.workspace-side{padding-left:25px;border-left:1px solid var(--line)}.color-selector{display:flex;align-items:center;gap:17px;margin-top:20px}.large-color-input{width:82px;height:82px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.large-color-input::-webkit-color-swatch-wrapper{padding:0}.large-color-input::-webkit-color-swatch{border:0;border-radius:8px}.color-fields{display:flex;flex:1;align-items:center;gap:14px}.color-fields label{display:grid;flex:1;gap:6px;color:#777c8d;font-size:10px}.inline-field{display:flex;height:36px}.inline-field input{width:100%;min-width:0;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px 0 0 7px;color:var(--ink);background:var(--surface);font-family:monospace;font-size:11px}.mini-copy{display:grid;width:35px;flex:0 0 auto;place-items:center;border:1px solid var(--line-strong);border-left:0;border-radius:0 7px 7px 0;color:#83889a;background:var(--surface-soft);cursor:pointer}.mini-copy:hover{color:var(--accent)}.color-value-preview{width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(0,0,0,.08);border-radius:8px}.color-action-row{display:flex;gap:8px;margin-top:17px}.primary-button,.secondary-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:600;cursor:pointer;transition:.15s ease}.primary-button{color:#fff;background:var(--accent);box-shadow:0 3px 8px #625bff26}.primary-button:hover{background:var(--accent-hover)}.secondary-button{border-color:var(--line-strong);color:#6e7387;background:var(--surface)}.secondary-button:hover{border-color:#d1ceff;color:var(--accent);background:var(--accent-soft)}.subsection-title{margin:24px 0 10px;color:#6c7185;font-size:10px;font-weight:600}.swatch-row,.favorites-row{display:flex;align-items:center;gap:8px}.swatch{width:24px;height:24px;border:2px solid var(--surface);border-radius:8px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.swatch:hover{transform:scale(1.1)}.favorites-row{margin-top:14px}.favorites-row>span{margin-right:3px;color:#9297a8;font-size:9px}.favorite-swatch{display:grid;place-items:center;color:#fff}.side-title{display:flex;align-items:baseline;justify-content:space-between;margin:3px 0 12px}.side-title h3{margin:0;color:#464b61;font-size:12px}.side-title span{color:#a1a4b2;font-size:9px}.format-list{display:grid;gap:6px}.format-row{display:grid;min-height:40px;grid-template-columns:37px minmax(0,1fr) 15px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:7px;color:#a0a3b1;background:var(--surface-soft);text-align:left;cursor:pointer}.format-row:hover{border-color:#d9d6ff}.format-row>span{color:#85899a;font-size:9px}.format-row code{overflow:hidden;color:#50556a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.format-row svg{color:#a8abba}.upload-zone{position:relative;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #d9dce8;border-radius:10px;background:var(--surface-soft);cursor:pointer;transition:.15s ease}.upload-zone:hover{border-color:#a9a4ff;background:#faf9ff}.upload-zone input,.image-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.upload-zone strong{color:#51566b;font-size:11px}.upload-zone small{color:#a0a4b2;font-size:9px}.image-picker-preview{display:flex;align-items:center;gap:16px;margin-top:16px;padding:11px;border:1px solid var(--line);border-radius:9px}.image-picker-preview img{max-width:260px;max-height:190px;border-radius:5px;object-fit:contain;cursor:crosshair}.image-picker-info{display:grid;gap:7px;color:#8e93a4;font-size:10px}.image-picker-info strong{color:#575c70}.picked-color{display:flex;align-items:center;gap:9px;margin-top:12px}.picked-color code{flex:1;color:#51566b;font-size:11px}.color-dot{width:22px;height:22px;border:1px solid var(--line-strong);border-radius:7px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px;border:0;color:#747a8e;background:transparent;font-size:10px;cursor:pointer}.text-button:hover{color:var(--accent)}.contrast-inputs{display:flex;align-items:center;justify-content:center;gap:22px;margin:24px 0 18px}.color-input-card{display:flex;min-width:200px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px;color:#6f7488;font-size:10px}.color-input-card input,.gradient-colors input{width:29px;height:29px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer}.color-input-card code{margin-left:auto;color:#555a6c;font-size:10px}.contrast-arrow{color:#a5a8b7}.contrast-preview{display:grid;min-height:88px;place-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;text-align:center}.contrast-preview strong{font-size:17px}.contrast-preview span{font-size:10px}.contrast-score{display:flex;align-items:center;justify-content:space-between;margin:17px 0 9px}.contrast-score>div{display:flex;align-items:baseline;gap:13px}.score-label{color:#7f8496;font-size:10px}.contrast-score strong{color:#30354a;font-size:21px}.contrast-score strong small{font-size:11px}.grade-pill{padding:5px 9px;border-radius:15px;color:#a86330;background:#fff3e7;font-size:9px;font-weight:600}.grade-pill.pass{color:#26806f;background:#eaf8f3}.wcag-note{display:flex;align-items:center;gap:6px;color:#4c9a86;font-size:10px}.wcag-note span{margin-left:auto;color:#a0a4b2;font-size:9px}.gradient-preview{height:190px;margin-bottom:17px;border:1px solid var(--line);border-radius:11px}.gradient-controls{display:grid;grid-template-columns:1fr 1.7fr;gap:20px}.gradient-controls label,.unit-toolbar label{display:grid;gap:8px;color:#6d7286;font-size:10px}.gradient-controls select,.unit-toolbar select,.unit-converter select,.unit-converter input,.qr-controls select{height:34px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);background:var(--surface);font-size:10px}.gradient-controls label>span{float:right}.gradient-controls input[type=range],.password-length input{accent-color:var(--accent)}.gradient-colors{display:flex;align-items:center;gap:17px;margin:17px 0}.gradient-colors label{display:flex;align-items:center;gap:8px;color:#777c8e;font-size:10px}.gradient-colors code{color:#60657b;font-size:9px}.gradient-colors>svg{color:#adb0bd}.code-output{display:flex;min-height:47px;align-items:center;justify-content:space-between;gap:12px;padding:6px 9px 6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.code-output code{overflow:hidden;color:#555a6e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.palette-main-color{display:flex;align-items:center;gap:12px;margin-bottom:19px}.palette-main-color>input{width:37px;height:37px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.palette-main-color label{display:grid;flex:1;gap:4px;color:#83889a;font-size:9px}.palette-main-color label input{max-width:150px;border:0;color:var(--ink);background:transparent;font-family:monospace;font-size:11px}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.palette-card{overflow:hidden;padding:0 0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-align:left;cursor:pointer}.palette-card>span{display:block;height:61px;margin-bottom:8px}.palette-card strong,.palette-card code{display:block;margin:0 9px}.palette-card strong{color:#5e6377;font-size:9px}.palette-card code{margin-top:4px;color:#989cad;font-size:9px}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-column{display:flex;min-width:0;flex-direction:column}.editor-title{display:flex;min-height:26px;align-items:flex-start;justify-content:space-between;color:#697084;font-size:10px;font-weight:600}.editor-actions{display:flex;gap:5px}.code-editor{display:block;width:100%;min-height:240px;resize:vertical;padding:13px;border:1px solid var(--line);border-radius:8px;color:#4f556b;background:var(--surface-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.75;-moz-tab-size:2;tab-size:2}.code-editor::placeholder{color:#adb0bc}.output-editor{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.error-output{color:#cf5262!important}.editor-options{display:flex;flex-wrap:wrap;align-items:center;gap:13px;min-height:39px;color:#74798d;font-size:9px}.radio-option{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.radio-option input,.password-options input{accent-color:var(--accent)}.unit-select{display:flex;align-items:center;gap:6px;color:#85899a;font-size:9px}.unit-select select{height:25px;padding:0 6px;border:1px solid var(--line);border-radius:5px;color:#62677c;background:var(--surface);font-size:9px}.image-file-button{position:relative;display:inline-flex;min-height:25px;align-items:center;padding:0 7px;border:1px solid var(--line-strong);border-radius:5px;color:#71768a;background:var(--surface);font-size:9px;cursor:pointer}.image-file-button:hover{color:var(--accent);border-color:#c9c5ff}.run-button{align-self:flex-start;min-height:35px;margin-top:4px}.base64-preview{margin-top:12px}.base64-preview img{max-width:100%;max-height:120px;object-fit:contain}.transform-options{min-height:43px}.field-label{display:grid;gap:7px;margin:15px 0;color:#73788b;font-size:10px}.regex-input{display:flex;height:38px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;color:#9b9eae;background:var(--surface-soft);font-family:monospace}.regex-input input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-family:monospace;font-size:10px}.regex-input .flags-input{flex:0 0 34px;text-align:center}.plain-textarea{width:100%;min-height:115px;resize:vertical;padding:10px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.7}.plain-textarea::placeholder{color:#a6a9b7}.regex-result-heading{display:flex;justify-content:space-between;margin:16px 0 7px;color:#777c8e;font-size:10px}.regex-result-heading strong{color:#606579}.regex-error{color:#cf5262}.regex-preview{min-height:60px;padding:11px;border:1px solid var(--line);border-radius:8px;color:#676c7f;background:var(--surface-soft);font-family:monospace;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.regex-preview mark{padding:1px 2px;border-radius:3px;color:#5e54d5;background:#e9e7ff}.qr-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:36px}.qr-form{min-width:0}.qr-textarea{min-height:92px}.qr-controls{display:flex;align-items:end;gap:12px}.qr-controls label{display:grid;gap:6px;color:#74798c;font-size:9px}.qr-controls select{min-width:100px}.qr-controls input[type=color]{width:34px;height:34px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.qr-logo-control{display:flex;align-items:center;gap:10px;margin:14px 0 5px}.qr-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0}.qr-canvas-box{position:relative;display:grid;min-width:220px;min-height:220px;place-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.qr-canvas-box canvas{display:block;max-width:100%;height:auto}.qr-canvas-box span{position:absolute;color:#a5a8b5;font-size:10px;pointer-events:none}.qr-result p{margin:10px 0;color:#a0a4b1;font-size:9px}.qr-read-result{display:flex;align-items:flex-start;gap:18px;margin-top:17px;padding:12px;border:1px solid var(--line);border-radius:9px}.qr-read-result img{width:100px;max-height:120px;object-fit:contain}.qr-read-result>div{min-width:0;flex:1}.qr-read-result strong{color:#686d81;font-size:10px}.qr-read-result pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#545a6e;font-family:monospace;font-size:10px;line-height:1.7}.unit-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.unit-toolbar select{min-width:100px}.unit-converter{display:grid;grid-template-columns:1.3fr 1.1fr 32px 1.1fr;align-items:end;gap:12px}.unit-converter>svg{margin-bottom:8px;color:#969bab}.unit-converter label{display:grid;gap:7px;color:#74798b;font-size:9px}.unit-converter input,.unit-converter select{width:100%}.unit-result{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 13px;border:1px solid #e4e2ff;border-radius:9px;background:#f7f6ff}.unit-result>span{color:#81869a;font-size:10px}.unit-result>strong{flex:1;color:#524bd0;font-size:18px}.unit-result>strong small{font-size:11px}.unit-result .mini-copy{width:33px;height:31px;border:1px solid #e3e1fa;border-radius:6px;background:var(--surface)}.password-length{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:24px 0 18px;color:#73788a;font-size:10px}.password-length strong{color:var(--accent);font-size:14px}.password-length input{grid-column:1 / -1}.password-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 20px}.password-options label{display:flex;align-items:center;gap:7px;color:#686d80;font-size:10px}.password-options code{margin-left:auto;color:#a0a3b1;font-size:9px}.password-result{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.password-result code{flex:1;overflow-wrap:anywhere;color:#53596e;font-size:11px}.file-hash-result{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.file-hash-result pre{overflow-wrap:anywhere;color:#53596e;font-family:monospace;font-size:10px;line-height:1.8;white-space:pre-wrap}.workbench-footnote{display:flex;align-items:center;gap:7px;margin-top:14px;color:#969bab;font-size:9px}.workbench-footnote svg{color:#39a18d}.mobile-scrim{display:none}.history-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#15172359}.history-dialog{display:flex;width:min(440px,100%);height:100%;flex-direction:column;padding:21px;border-left:1px solid var(--line);background:var(--surface);box-shadow:-8px 0 28px #161a3017}.history-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.history-heading h2{margin:0;color:var(--ink);font-size:15px}.history-heading p{margin:5px 0 0;color:#999dad;font-size:9px}.history-list{overflow:auto;flex:1;padding-top:8px}.history-entry{display:flex;width:100%;align-items:flex-start;gap:10px;padding:11px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.history-entry:hover{background:var(--surface-soft)}.history-icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.history-copy{min-width:0;flex:1}.history-copy strong{display:block;color:var(--ink);font-size:10px}.history-copy small{display:block;margin-top:3px;color:#9ca0af;font-size:8px}.history-copy code{display:-webkit-box;overflow:hidden;margin-top:5px;color:#858a9c;font-size:9px;line-height:1.5;overflow-wrap:anywhere;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-entry>svg{align-self:center}.history-footer{padding-top:12px;border-top:1px solid var(--line);text-align:right}.dark-mode{color-scheme:dark;--canvas: #171923;--surface: #20222e;--surface-soft: #242633;--surface-hover: #292b3a;--ink: #ececf4;--ink-soft: #b0b3c3;--muted: #85899c;--line: #303341;--line-strong: #3a3d4d;--accent: #8c85ff;--accent-soft: #302e4d;--accent-hover: #766ef5;--shadow: 0 8px 24px rgba(0, 0, 0, .18);background:var(--canvas)}.dark-mode .hero-panel{border-color:#33334d;background:linear-gradient(110deg,#25253a,#24283a)}.dark-mode .hero-panel h1{color:#ececf4}.dark-mode .hero-panel p,.dark-mode .hero-tags{color:#a5a8bb}.dark-mode .eyebrow,.dark-mode .hero-search{border-color:#38394e;background:#20222ee6}.dark-mode .hero-tags button{color:#b2b4c8;background:#303142}.dark-mode .hero-tags button:hover{background:#393a50}.dark-mode .breadcrumbs span:last-child{color:#c9cad6}.dark-mode .privacy-note{border-color:#28463f;background:#202e2c}.dark-mode .tool-card:hover{border-color:#4e4a85}.dark-mode .group-heading strong,.dark-mode .side-title h3,.dark-mode .editor-title,.dark-mode .contrast-score strong{color:var(--ink)}.dark-mode .tool-card-copy small,.dark-mode .helper-text,.dark-mode .tool-title-row p{color:#9da1b2}.dark-mode .format-row code,.dark-mode .code-output code,.dark-mode .contrast-score strong,.dark-mode .palette-card strong,.dark-mode .qr-read-result pre,.dark-mode .file-hash-result pre{color:#d0d1dc}.dark-mode .format-row,.dark-mode .upload-zone,.dark-mode .regex-preview,.dark-mode .code-editor,.dark-mode .plain-textarea{background:#242633}.dark-mode .upload-zone:hover{background:#29283c}.dark-mode .contrast-preview{border-color:var(--line)}.dark-mode .unit-result{border-color:#3c385d;background:#28263d}.dark-mode .palette-card,.dark-mode .qr-result,.dark-mode .qr-canvas-box{background-color:var(--surface)}.dark-mode .hero-search input{color:var(--ink)}.app-shell .brand strong,.app-shell .section-heading h2,.app-shell .group-heading strong,.app-shell .contact-copy h2,.app-shell .workspace-card h2,.app-shell .tool-title-row h1,.app-shell .history-heading h2,.app-shell .tool-card-copy strong,.app-shell .media-operation-tabs button>span{font-size:var(--text-heading);line-height:1.35}.app-shell .hero-panel h1{font-size:clamp(2rem,3.2vw,2.5rem);line-height:1.2}.app-shell .contrast-preview strong{font-size:1.375rem}.app-shell .contrast-score strong,.app-shell .unit-result>strong,.app-shell .password-length strong{font-size:1.25rem}.app-shell .media-operation-tabs button>span{font-size:var(--text-body)}.app-shell .tool-title-row h1,.app-shell .contact-copy h2,.app-shell .workspace-card h2,.app-shell .history-heading h2{font-size:var(--text-title)}.app-shell .nav-item>span:nth-of-type(1),.app-shell .quick-item>span:first-of-type,.app-shell .theme-toggle,.app-shell .breadcrumbs,.app-shell .local-badge,.app-shell .hero-panel p,.app-shell .hero-search input,.app-shell .hero-tags,.app-shell .hero-tags button,.app-shell .section-heading p,.app-shell .total-count,.app-shell .group-heading small,.app-shell .tool-card-copy small,.app-shell .empty-state,.app-shell .contact-copy>p,.app-shell .contact-detail strong,.app-shell .workbench-heading :is(.back-link,.tool-title-row p),.app-shell .helper-text,.app-shell .field-label,.app-shell .workbench-footnote,.app-shell .history-heading p,.app-shell .history-copy strong,.app-shell .primary-button,.app-shell .secondary-button,.app-shell .text-button,.app-shell .upload-zone strong,.app-shell .media-data-notice{font-size:var(--text-body);line-height:1.55}.app-shell .nav-caption,.app-shell .nav-count,.app-shell .empty-recent,.app-shell .privacy-note span,.app-shell .sidebar-version,.app-shell .eyebrow,.app-shell .hero-tags,.app-shell .art-card span,.app-shell .tool-tag,.app-shell .page-footer,.app-shell .contact-eyebrow,.app-shell .contact-detail-label,.app-shell .contact-qr-card figcaption,.app-shell .contact-qr-card small,.app-shell .format-row>span,.app-shell .format-row code,.app-shell .image-picker-info,.app-shell .picked-color code,.app-shell .color-input-card,.app-shell .color-input-card code,.app-shell .contrast-preview span,.app-shell .score-label,.app-shell .grade-pill,.app-shell .wcag-note,.app-shell .wcag-note span,.app-shell .gradient-controls label,.app-shell .gradient-colors label,.app-shell .gradient-colors code,.app-shell .code-output code,.app-shell .palette-main-color label,.app-shell .palette-main-color label input,.app-shell .palette-card strong,.app-shell .palette-card code,.app-shell .editor-title,.app-shell .editor-options,.app-shell .unit-select,.app-shell .unit-select select,.app-shell .image-file-button,.app-shell .regex-result-heading,.app-shell .qr-controls label,.app-shell .qr-canvas-box span,.app-shell .qr-result p,.app-shell .qr-read-result strong,.app-shell .qr-read-result pre,.app-shell .unit-converter label,.app-shell .unit-result>span,.app-shell .password-length,.app-shell .password-options label,.app-shell .password-options code,.app-shell .password-result code,.app-shell .file-hash-result pre,.app-shell .history-copy small,.app-shell .history-copy code{font-size:var(--text-small);line-height:1.55}.app-shell .brand span,.app-shell .search-box span,.app-shell .color-fields label,.app-shell .gradient-controls label,.app-shell .gradient-colors label,.app-shell .qr-controls label,.app-shell .unit-converter label,.app-shell .password-options label{font-size:var(--text-label);line-height:1.5}.app-shell input:not([type=range]):not([type=color]),.app-shell select,.app-shell textarea,.app-shell .gradient-controls select,.app-shell .unit-toolbar select,.app-shell .unit-converter select,.app-shell .unit-converter input,.app-shell .qr-controls select{font-size:var(--text-body)}.app-shell svg{flex-shrink:0}.app-shell button svg{width:1.15em;height:1.15em}.app-shell .page-footer{flex-wrap:wrap;gap:12px 20px}.main-area>.page-footer{max-width:1090px;margin:20px auto 0;padding:16px 44px 24px}.app-shell .page-footer .legal-link{width:100%;color:var(--ink-soft);text-align:center;text-decoration:none}.app-shell .page-footer .legal-link:hover{color:var(--accent);text-decoration:underline}.app-shell kbd{font-size:.75rem}.app-shell .workspace-card :is(.subsection-title,.side-title h3,.side-title span,.favorites-row>span,.upload-zone small,.image-picker-info,.picked-color,.color-fields label,.contrast-inputs,.contrast-score,.gradient-controls label,.gradient-colors label,.palette-main-color label,.editor-title,.editor-options,.field-label,.regex-result-heading,.qr-controls label,.qr-result p,.qr-read-result strong,.unit-converter label,.password-length,.password-options label,.workbench-footnote){font-size:var(--text-label)}@media(max-width:1100px){.home-content,.workbench-content,.topbar{padding-right:28px;padding-left:28px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{z-index:40;width:270px;transform:translate(-102%);transition:transform .22s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:grid!important}.mobile-scrim{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#14162259}.main-area{margin-left:0}.topbar{height:55px;padding:0 17px}.mobile-menu-button{display:grid;margin-right:7px}.breadcrumbs{flex:1}.topbar-right{gap:8px}.view-count{font-size:12px;gap:4px}.view-count strong{font-size:12px}.home-content{padding:19px 17px 15px}.workbench-content{padding:21px 17px 32px}.main-area>.page-footer{padding:16px 17px 24px}.hero-panel{min-height:258px;padding:22px 20px}.hero-copy{width:100%}.hero-panel h1{font-size:25px}.hero-panel p{max-width:76%}.hero-art{right:-21%;width:50%;opacity:.55}.hero-tags{flex-wrap:wrap}.hero-tags>span{flex-basis:100%}.section-block{margin-top:25px}.contact-section{grid-template-columns:minmax(0,1fr) 190px;gap:15px;padding:18px}.contact-qr-card img{width:145px;height:145px}.tool-grid{gap:8px}.tool-card{min-height:66px;gap:8px;padding:9px 8px}.tool-icon{width:32px;height:32px}.tool-card-copy strong{font-size:9px}.tool-card-copy small{font-size:8px}.tool-tag{top:4px;right:5px}.workspace-card{padding:20px 17px}.workspace-grid,.editor-layout,.qr-layout{grid-template-columns:1fr}.workspace-side{padding:18px 0 0;border-top:1px solid var(--line);border-left:0}.editor-layout{gap:18px}.code-editor{min-height:175px}.qr-result{padding-top:10px}.wcag-note{flex-wrap:wrap}.wcag-note span{width:100%;margin-left:22px}}@media(max-width:470px){.tool-grid,.recent-grid{grid-template-columns:1fr}.hero-panel{min-height:271px}.hero-panel p{max-width:95%}.hero-art{right:-34%;opacity:.26}.hero-search{margin-top:14px}.breadcrumbs{font-size:10px}.local-badge{font-size:0;gap:5px}.local-badge span{width:7px;height:7px}.workspace-card{padding:18px 13px}.color-fields{gap:8px}.color-value-preview{display:none}.large-color-input{width:65px;height:65px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-inputs{gap:8px}.color-input-card{min-width:0;flex:1;flex-wrap:wrap;gap:6px;padding:8px}.color-input-card code{margin-left:0}.contrast-arrow{width:16px;flex:0 0 auto}.unit-converter{grid-template-columns:1fr 1fr;gap:12px}.unit-converter>svg{display:none}.qr-controls{flex-wrap:wrap}.page-footer{font-size:8px}.page-footer>span:last-child{gap:3px}.contact-section{grid-template-columns:1fr;justify-items:center;text-align:center}.contact-details{justify-content:center}}.media-workbench{padding:23px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 18px #1e254606}.group-icon.image{color:#6474db;background:#eff1ff}.group-icon.video{color:#d06480;background:#fff0f3}.tool-icon.image{color:#6474db;background:#eff1ff}.tool-icon.video{color:#d06480;background:#fff0f3}.media-service{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:10px;padding:0 10px;border:1px solid #f0e3d9;border-radius:7px;color:#a66a39;background:#fff9f4;font-size:14px}.media-service.online{border-color:#dcefe9;color:#348776;background:#f3faf8}.service-light{width:7px;height:7px;border-radius:50%;background:#d49a5d}.online .service-light{background:#35a98d;box-shadow:0 0 0 3px #35a98d1f}.media-service .text-button{margin-left:auto;font-size:12px}.media-endpoint{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:#969aaa;font-size:14px}.media-endpoint input{width:min(300px,65%);height:29px;padding:0 8px;border:1px solid var(--line);border-radius:6px;color:#757a8d;background:var(--surface-soft);font-size:14px}.media-operation-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-bottom:17px}.media-operation-tabs button{display:grid;min-height:80px;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:#676d80;background:var(--surface-soft);text-align:left;cursor:pointer}.media-operation-tabs button:hover{border-color:#d3d0ff}.media-operation-tabs button.active{border-color:#c9c5ff;color:var(--accent);background:var(--accent-soft)}.media-operation-tabs button>span{font-size:15px;font-weight:600}.media-operation-tabs button small{color:#999dad;font-size:13px}.media-settings{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:13px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.media-settings>label{display:grid;min-width:115px;flex:1;gap:6px;color:#71768a;font-size:12px}.media-settings>label>strong{justify-self:end;margin-top:-17px;color:#6760dd;font-size:12px}.media-settings input:not([type=range]):not([type=color]),.media-settings select{width:100%;height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:var(--surface);font-size:12px}.media-settings input[type=range]{width:100%;accent-color:var(--accent)}.media-settings input[type=color]{width:37px;height:32px;padding:2px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface)}.media-estimate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:11px 0;padding:10px 11px;border:1px solid #e7e6fb;border-radius:8px;color:#7e8296;background:#f8f7ff;font-size:12px}.media-estimate strong{margin-left:3px;color:#5e58ca;font-size:14px}.media-estimate small{width:100%;color:#a0a3b2;font-size:13px}.media-estimate.video-estimate{border-color:#e5edf8;background:#f5f8fc}.video-estimate strong{color:#4f749e}.media-data-notice{margin:13px 0 8px;padding:10px 12px;border:1px solid #e8e6fb;border-radius:8px;color:#6f7087;background:#f8f7ff;font-size:14px;line-height:1.7}.media-dropzone{position:relative;display:flex;min-height:119px;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:12px 0;border:1px dashed #d7dbe7;border-radius:9px;background:var(--surface-soft);cursor:pointer;transition:.15s ease}.media-dropzone:hover,.media-dropzone.drag-active{border-color:#aaa5ff;background:#f9f8ff}.media-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.media-upload-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.media-dropzone strong{color:#606579;font-size:14px}.media-dropzone small{color:#9da1b0;font-size:13px}.media-file-list{display:grid;gap:7px;margin:12px 0}.media-file{display:flex;min-height:56px;align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.media-file>img,.media-file>video{width:56px;height:42px;flex:0 0 auto;border-radius:5px;background:#111;object-fit:contain}.media-file-icon{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.media-file-info{min-width:0;flex:1}.media-file-info strong,.media-file-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file-info strong{color:#565c70;font-size:12px}.media-file-info span{margin-top:5px;color:#a0a4b2;font-size:13px}.media-file-info label{display:flex;align-items:center;gap:8px;margin-top:6px;color:#8a8fa1;font-size:13px}.media-file-info label input{width:min(180px,60%);accent-color:var(--accent)}.image-media-file{align-items:flex-start}.image-media-file>img{margin-top:1px}.remove-media,.order-buttons button{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:6px;color:#969aaa;background:var(--surface);cursor:pointer}.remove-media:hover{color:#d15d6e;border-color:#f1d6da}.order-buttons{display:flex;gap:4px}.order-buttons button{font-size:12px}.order-buttons button:disabled{opacity:.4}.media-submit{min-height:38px;margin-top:15px;padding:0 15px;font-size:15px}.media-submit>span{display:flex;align-items:center}.media-help{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#969aab;font-size:12px}.media-help svg{flex:0 0 auto;color:#39a18d}.media-disclaimer{margin-top:10px;padding:8px 10px;border-radius:6px;color:#988557;background:#fffbf0;font-size:13px}.media-task-status{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px;border:1px solid var(--line);border-radius:8px;color:#767b8e;background:var(--surface-soft);font-size:12px}.media-task-status>div:not(.progress-track){flex:1}.media-task-status strong,.media-task-status small{display:block}.media-task-status strong{color:#62677b;font-size:12px}.media-task-status small{margin-top:4px;color:#9da1b1;font-size:13px}.spin{flex:0 0 auto;animation:media-spin 1s linear infinite;color:var(--accent)}.progress-track{overflow:hidden;width:27%;height:5px;border-radius:5px;background:var(--line-strong)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.media-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid #f0d8db;border-radius:8px;color:#bd5966;background:#fff7f7;font-size:12px;line-height:1.6}.media-error svg{flex:0 0 auto}.media-complete{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px;border:1px solid #dcefe8;border-radius:8px;color:#32947d;background:#f3faf7}.media-complete>svg{flex:0 0 auto}.media-complete>div{min-width:0;flex:1}.media-complete strong,.media-complete small{display:block}.media-complete strong{font-size:15px}.media-complete small{overflow:hidden;margin-top:4px;color:#8aa99f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.media-complete .secondary-button{min-height:30px;font-size:12px}.media-result-preview{margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);text-align:center}.media-result-preview img,.media-result-preview video{max-width:100%;max-height:320px;object-fit:contain}.exif-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.exif-grid>div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.exif-grid span,.exif-grid strong{display:block;overflow:hidden;text-overflow:ellipsis}.exif-grid span{color:#9a9ead;font-size:13px}.exif-grid strong{margin-top:5px;color:#5b6074;font-size:12px;overflow-wrap:anywhere}@keyframes media-spin{to{transform:rotate(360deg)}}.dark-mode .media-service{border-color:#594432;color:#e3b27f;background:#30291f}.dark-mode .media-service.online{border-color:#28463f;color:#79c1ac;background:#202e2c}.dark-mode .media-settings,.dark-mode .media-dropzone,.dark-mode .media-task-status{background:var(--surface-soft)}.dark-mode .media-estimate{border-color:#3c385d;background:#28263d}.dark-mode .media-estimate.video-estimate{border-color:#344050;background:#242b37}.dark-mode .media-dropzone:hover,.dark-mode .media-dropzone.drag-active{background:#29283c}.dark-mode .media-file-info strong,.dark-mode .media-task-status strong,.dark-mode .exif-grid strong{color:#d5d6e1}.dark-mode .media-complete{border-color:#28463f;background:#202e2c}.dark-mode .media-error{border-color:#54353b;background:#302327}.dark-mode .media-disclaimer{color:#d2bc83;background:#302d24}.dark-mode .media-data-notice{border-color:#3c385d;color:#c2bfdc;background:#28263d}.media-workbench{font-size:15px;line-height:1.55}.media-service,.media-endpoint,.media-settings>label,.media-estimate,.media-data-notice,.media-help,.media-task-status,.media-error,.media-disclaimer{font-size:14px;line-height:1.55}.media-service .text-button,.media-operation-tabs button>span,.media-settings>label>strong,.media-settings input:not([type=range]):not([type=color]),.media-settings select,.media-estimate strong,.media-dropzone strong,.media-file-info strong,.media-file-info label,.media-submit,.media-task-status strong,.media-complete strong,.media-complete .secondary-button,.exif-grid strong{font-size:15px;line-height:1.45}.media-endpoint input,.media-operation-tabs button small,.media-estimate small,.media-dropzone small,.media-file-info span,.media-task-status small,.media-complete small,.exif-grid span{font-size:13px;line-height:1.5}.media-operation-tabs button{min-height:72px;padding:11px 12px}.media-dropzone{min-height:140px}.media-upload-icon{width:42px;height:42px}.media-upload-icon svg{width:24px;height:24px}@media(max-width:600px){.media-workbench{padding:15px 12px}.media-operation-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.media-settings{gap:9px;padding:9px}.media-settings>label{min-width:calc(50% - 9px)}.media-file>video{width:48px}.media-file{gap:7px;padding:6px}.media-complete{flex-wrap:wrap}.media-complete .secondary-button{margin-left:auto}.media-endpoint input{flex:1;min-width:0}.media-workbench{padding:18px 15px}.media-operation-tabs button{min-height:78px;padding:10px}.media-operation-tabs button>span{font-size:14px}.media-operation-tabs button small{font-size:12px}.exif-grid{grid-template-columns:1fr 1fr}}