/* BOLTAI_PATH: /style.css (ROOT) */
/* CRITICAL: BoltAI / Gemini must NOT remove or modify this header line in any future updates. */
:root{--c-bg:#ffffff;--c-elev:#f5f5f7;--c-ink:#1d1d1f;--c-muted:#86868b;--c-line:rgba(0,0,0,0.1);--c-accent:#1d1d1f;--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--b-bg:#ffffff;--b-surface:#f5f5f7;--b-ink:#1d1d1f;--b-muted:#86868b;--b-a1:#C6872B;--b-a2:#6E7C4E;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;--r:16px;--shadow:0 8px 30px rgba(0,0,0,0.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);background:var(--c-bg);color:var(--c-ink);line-height:1.5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,select{font-family:inherit;font-size:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;padding:14px clamp(16px,4vw,40px);background:rgba(255,255,255,0.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--c-line)}
.brand{font-size:17px;font-weight:600;letter-spacing:0.14em;display:inline-flex;align-items:center}.brand-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;outline:none}.brand-logo-wrap{display:inline-flex;align-items:center;height:1.4em;cursor:pointer}.brand-mark{height:1.4em;width:auto;display:block}.brand-fallback{font-family:var(--font-ui);font-size:15px;font-weight:800;letter-spacing:0.12em;color:var(--c-ink);line-height:1}
.brand-hover-trigger{position:relative}
.brand-ver-tooltip{position:absolute;top:calc(100% + 10px);left:0;background:#1d1d1f;color:#ffffff;font-size:11px;font-weight:600;letter-spacing:0.04em;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity 0.25s ease,transform 0.25s ease;z-index:120}
.site .brand-ver-tooltip{top:auto;bottom:calc(100% + 8px);transform:translateY(4px)}
.brand-ver-tooltip.show{opacity:1;transform:translateY(0)}.bn-div{width:1px;height:18px;background:var(--c-line)}
.bn{border:none;background:transparent;font-size:16px;color:#1d1d1f;padding:6px 4px;border-bottom:1px solid transparent;flex:1 1 auto;width:auto;min-width:90px;max-width:320px;outline:none;transition:0.2s;font-weight:700}.bn:focus{border-bottom-color:var(--c-line)}.bn::placeholder{color:#b0b0b5;font-weight:700}
.bn-brand-name{font-size:16px;color:#1d1d1f;padding:6px 4px;font-weight:700;display:inline-block;letter-spacing:normal}
.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{text-decoration:none;color:var(--c-muted);font-size:13px;padding:7px 12px;border-radius:999px;white-space:nowrap;transition:0.2s}.nav a:hover{color:var(--c-ink)}.nav a.on{background:var(--c-elev);color:var(--c-ink)}
.actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.btn{font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;transition:0.16s;display:inline-flex;align-items:center;gap:7px}.btn-ghost{color:var(--c-ink);border:1px solid var(--c-line)}.btn-ghost:hover{background:var(--c-elev);border-color:transparent}.btn-primary{background:var(--c-accent);color:#fff}.btn-primary:hover{filter:brightness(1.15)}
.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.btn-icon svg{width:17px;height:17px;display:block}
#b-options{background:var(--c-accent);color:#ffffff;border:none}#b-options:hover{background:#f7991c !important;color:#ffffff !important;filter:none !important}
.mobile-nav-toggle{display:none}
.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(300px,80vw);background:#ffffff;border-left:1px solid var(--c-line);box-shadow:var(--shadow);z-index:400;display:flex;flex-direction:column;padding:20px 24px;transform:translateX(100%);transition:transform 0.28s cubic-bezier(0.2,0.7,0.2,1)}
.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--c-line)}
.mobile-nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mobile-nav a{text-decoration:none;font-size:15px;font-weight:600;color:#1d1d1f;padding:10px 14px;border-radius:10px;transition:0.16s}.mobile-nav a:hover,.mobile-nav a.on{background:var(--c-elev)}
.btn-zip{display:flex;align-items:center;justify-content:center;width:100%;font-size:14px;font-weight:700;padding:12px 18px;border-radius:999px;background:#f7991c;color:#fff;text-align:center;transition:0.18s cubic-bezier(0.2,0.7,0.2,1);box-shadow:0 2px 10px rgba(247,153,28,0.28);margin-top:6px}.btn-zip:hover{background:#1d1d1f;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,0.22);transform:translateY(-1px)}
.rel{position:relative}
.menu{position:absolute;top:48px;right:0;background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow);padding:10px;min-width:250px;display:none;z-index:250}.menu.open{display:block}
.menu-divider{height:1px;background:var(--c-line);margin:14px 0}
.mi{text-align:left;width:100%;padding:10px 12px;border-radius:9px;font-size:13.5px;color:#1d1d1f}.mi:hover{background:var(--c-elev)}.mi small{display:block;color:#86868b;font-size:11.5px;margin-top:2px}
.mhead{font-size:12.5px;text-transform:uppercase;letter-spacing:0.08em;color:#1d1d1f;font-weight:700;padding:16px 12px 6px}
.rd{display:flex;justify-content:space-between;padding:5px 12px;font-size:12.5px;color:#86868b}.rd b{font-weight:600}.rd b.ok{color:#3a7d5c}.rd b.bad{color:#c0392b}
.app{max-width:1080px;margin:0 auto;padding:clamp(24px,5vw,60px) clamp(16px,4vw,40px) 80px}
.mast{padding:clamp(20px,4vw,48px) 0 34px}
.mast-drop{position:relative;aspect-ratio:21 / 9;border-radius:var(--r);background:transparent;border:1.5px dashed rgba(0,0,0,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9a9aa0;cursor:pointer;transition:0.2s;margin-bottom:34px;text-align:center}
.mast-drop:hover{border-color:#1d1d1f;color:#1d1d1f;background:rgba(0,0,0,0.02)}
.mast-drop .plus{width:38px;height:38px;border-radius:50%;background:#e9e9ec;display:inline-flex;align-items:center;justify-content:center;margin-bottom:2px}
.mast-drop strong{font-size:14px;font-weight:600;color:#6e6e73;line-height:1.2}.mast-drop span{font-size:12.5px;color:#6e6e73;line-height:1.2}.mast-drop small{font-size:10px;font-weight:600;letter-spacing:0.05em;color:#86868b;text-transform:uppercase;line-height:1.2}
.mast-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mast-drop.filled{border:none;cursor:zoom-in;padding:clamp(48px,10vw,112px);box-sizing:border-box}.mast-drop.filled img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain}
.mast-tools{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:0;transition:0.2s;z-index:10}.mast-drop.filled:hover .mast-tools{opacity:1}
@media (hover:none){.mast-tools{opacity:0.85}}
.mast-tag{font-family:var(--font-text);color:#1d1d1f;opacity:0.85;font-size:clamp(16px,2.4vw,20px);max-width:100ch;margin:0}
.card.mast-tag-wrapper{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:22px}.card.mast-tag-wrapper .mast-tag{margin:0}
.card.mast-tag-wrapper [contenteditable]{outline:none;border-radius:8px;padding:2px;margin:-2px;max-width:100%}.card.mast-tag-wrapper [contenteditable]:focus{background:#f5f5f7;box-shadow:0 0 0 2px rgba(0,0,0,0.15)}
.card.mast-tag-wrapper [contenteditable]:empty::before{color:#b0b0b5;pointer-events:none}.card.mast-tag-wrapper::before{content:none}
.sec{margin-top:clamp(48px,7vw,96px);scroll-margin-top:80px}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.sec-title{font-family:var(--font-ui);color:#1d1d1f;font-size:clamp(24px,4vw,36px);font-weight:600;letter-spacing:-0.02em}
.sec-title-sub{font-size:11px;color:#5c5c62;padding-left:0;margin-top:4px;font-weight:400}
.snackui-mark{font-weight:600;color:#5c5c62;cursor:default;transition:color 0.18s ease}.snackui-mark:hover{color:#1d1d1f}
.sec-head .spacer{flex:1}
.addbtn{width:28px;height:28px;border-radius:50%;background:#f0f0f2;color:#1d1d1f;border:none;transition:0.15s;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;flex-shrink:0}
.addbtn svg{width:12px;height:12px;stroke:currentColor;display:block}.addbtn:hover{background:#e4e4e8}
.switch{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:#86868b;cursor:pointer;user-select:none}.switch input{display:none}
.track{width:42px;height:25px;border-radius:999px;background:#d7d7db;position:relative;transition:0.2s}
.track::after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;transition:0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.25)}
.switch input:checked + .track{background:var(--c-accent)}.switch input:checked + .track::after{left:20px}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g8{grid-template-columns:repeat(4,1fr)}
.tile{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--c-line);display:flex;flex-direction:column;height:100%;padding:10px;transition:0.2s}.tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.tile-img{aspect-ratio:4 / 3;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;border-radius:9px;flex-shrink:0;padding:12px;overflow:hidden}
.tile-img img,.tile-img svg,.tile-img video,.tile-img iframe{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain;display:block;border-radius:6px}
.tile-img.logo{background:transparent;aspect-ratio:16 / 9;padding:12px}.tile-img.logo img,.tile-img.logo svg{width:auto;height:auto;max-width:84%;max-height:84%;object-fit:contain}
.tile-img.icon{background:transparent;aspect-ratio:1 / 1;color:#1d1d1f;padding:12px}.tile-img.icon svg{width:46%;height:46%}.tile-img.icon img{width:60%;height:60%;object-fit:contain}
#identity .tile-img img,#icons .tile-img img{object-fit:contain}
.tile-img.pattern{background:transparent;aspect-ratio:16 / 9;border-radius:9px;padding:12px}.tile-img.pattern img,.tile-img.pattern svg{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain}
.tile-img.social{background:transparent;aspect-ratio:16 / 9;border-radius:9px;padding:12px}.tile-img.social img,.tile-img.social svg{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain}
.tile-img.motion{background:transparent;aspect-ratio:16 / 9;border-radius:9px;padding:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.tile-img.motion img,.tile-img.motion video{width:auto;height:auto;max-width:84%;max-height:84%;object-fit:contain;display:block;border-radius:8px;pointer-events:none}
.tile-img.motion iframe{width:100%;height:100%;max-width:84%;max-height:84%;object-fit:contain;display:block;border:0;outline:none;border-radius:8px;pointer-events:none}
.tile-img.attachment{background:transparent;aspect-ratio:16 / 9;border-radius:9px;padding:10px;overflow:hidden;color:#1d1d1f;display:flex;align-items:center;justify-content:center}.tile-img.attachment img{width:auto;height:auto;max-width:84%;max-height:84%;object-fit:contain;display:block;border-radius:6px}
.tile-img.attachment.is-zip{cursor:pointer}
.tile-img.attachment.is-zip-exp{cursor:pointer}
.tile-img[data-view]{cursor:zoom-in}
.tile-img:not([data-view]):not(.is-zip):not(.is-zip-exp){cursor:default}
.tile-meta{padding:12px 14px;display:flex;flex-direction:column;gap:3px;flex:1 1 auto}.tile-name{font-size:13.5px;font-weight:600;color:#1d1d1f}
.tile-cap{width:100%;font-size:12.5px;font-weight:600;color:#1d1d1f;border:none;background:transparent;outline:none;border-bottom:1px dashed transparent;padding-bottom:2px}.tile-cap:focus{border-color:#1d1d1f}.tile-cap::placeholder{color:#b0b0b5;font-weight:400}
.tile-fn-wrap{position:relative;display:inline-block;max-width:100%;margin-top:2px}
.tile-filename{font-size:9px;font-weight:500;color:#55555a;font-family:var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;cursor:pointer;line-height:1.2;transition:color 0.15s ease}
.tile-filename:hover{color:#1d1d1f}
.tile-fn-tooltip{position:absolute;bottom:calc(100% + 6px);left:0;background:#1d1d1f;color:#ffffff;font-size:11px;font-weight:500;letter-spacing:0.02em;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity 0.2s ease,transform 0.2s ease;z-index:50;max-width:280px;overflow:hidden;text-overflow:ellipsis}
.tile-fn-wrap:hover .tile-fn-tooltip{opacity:1;transform:translateY(0)}
.tile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:10px}
.mini{font-size:11.5px;padding:5px 9px;border-radius:8px;background:#f0f0f2;color:#1d1d1f;white-space:nowrap}.mini:hover{background:#e4e4e8}.mini.danger:hover{background:#1d1d1f;color:#fff}
.mini[data-toggle-italic].active{background:#1d1d1f;color:#fff;font-weight:600}.mini[data-toggle-italic].active:hover{background:#e4e4e8;color:#1d1d1f}
.mini.btn-disabled,.mini:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}
.dz{aspect-ratio:4 / 3;border:1.5px dashed rgba(0,0,0,0.18);border-radius:var(--r);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9a9aa0;cursor:pointer;transition:0.2s;flex-shrink:0}
.dz.logo,.dz.pattern,.dz.social,.dz.attachment{aspect-ratio:16 / 9}.dz:hover,.dz.over{border-color:#1d1d1f;color:#1d1d1f;background:rgba(0,0,0,0.02)}
.plus{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.plus svg{width:14px;height:14px;stroke:currentColor;display:block}
.dz .plus,.mast-drop .plus,.adrop .plus{border-radius:50%;background:#e9e9ec;display:inline-flex;align-items:center;justify-content:center;color:#6e6e73}
.dz .plus{width:34px;height:34px}.mast-drop .plus{width:38px;height:38px}.adrop .plus{width:40px;height:40px}
.dz span{font-size:12.5px}.dz strong{font-size:12.5px;font-weight:600;color:#6e6e73}
#imagery .tile-img,#patterns .tile-img{background:transparent;padding:12px}#imagery .dz,#patterns .dz{background:transparent;border-color:rgba(0,0,0,0.18)}
#imagery .tile-img img,#patterns .tile-img img{border-radius:8px}
.swatches{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.swatch{border-radius:var(--r);border:1px solid var(--c-line);background:#fff;overflow:hidden;display:flex;flex-direction:column;height:100%;padding:10px}
.sw-block{height:92px;position:relative;flex-shrink:0;border-radius:9px}
.cbadge{position:absolute;right:10px;bottom:10px;font-size:10px;font-weight:700;letter-spacing:0.05em;padding:3px 8px;border-radius:999px;background:#f0f0f2;color:#1d1d1f;border:none !important}.cbadge.low{background:rgba(0,0,0,0.65);color:#fff;border:none !important}
.sw-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.sw-label{display:block;font-size:13px;font-weight:700;color:#1d1d1f;letter-spacing:0.02em;margin-bottom:6px;white-space:normal;word-break:break-word;line-height:1.3}
.sw-row{display:flex;align-items:center;gap:10px;font-size:13px}.sw-k{width:64px;flex-shrink:0;color:#86868b;font-size:10.5px;letter-spacing:0.09em;text-transform:uppercase}.sw-v{color:#1d1d1f;font-variant-numeric:tabular-nums}
.copyval{color:#1d1d1f;font-weight:600;cursor:pointer;border-bottom:1px dashed transparent;font-variant-numeric:tabular-nums}.copyval:hover{border-bottom-color:#1d1d1f}
.cval{flex:1;min-width:0;border:none;background:transparent;font-size:13px;color:#1d1d1f;outline:none;border-bottom:1px dashed transparent;padding:2px 0;font-variant-numeric:tabular-nums}.cval:focus{border-bottom-color:#1d1d1f}.cval::placeholder{color:#b0b0b5;font-variant-numeric:tabular-nums}
.sw-foot{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-top:1px solid var(--c-line);margin-top:auto}.sw-ctl{display:flex;align-items:center;gap:8px}.sw-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cpick{width:26px;height:26px;border:none;background:none;cursor:pointer;padding:0}.role{flex:1;min-width:0;font-size:12.5px;color:#1d1d1f;background:transparent;border:none;outline:none;font-weight:500}
.scale{margin-top:8px;display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:clamp(20px,3vw,36px)}
.scale .row{display:flex;align-items:flex-start;gap:24px;border-top:1px solid var(--c-line);padding-top:26px;padding-bottom:6px}.scale .row:first-child{border-top:none;padding-top:0}
.scale .k{width:clamp(90px,14vw,130px);flex-shrink:0;letter-spacing:-0.01em;padding-top:0;white-space:nowrap}
.scale .k-h1{font-size:56px;line-height:1.2;font-weight:400;color:#86868b}
.scale .k-h2{font-size:34px;line-height:1.2;font-weight:400;color:#86868b}
.scale .k-body{font-size:17px;line-height:1.2;font-weight:400;color:#86868b}
.scale .k-caption{font-size:13px;line-height:1.2;font-weight:400;color:#86868b}
.row-main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.scale .v{font-family:var(--font-display);color:#1d1d1f}.scale .v.v-locked{cursor:not-allowed;opacity:0.45;user-select:none}
.type-meta{font-size:11px;color:#86868b;font-family:var(--font-ui);letter-spacing:0.02em}.scale .row .faces{margin-top:4px}
.faces{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.face{font-size:11.5px;background:#f0f0f2;border-radius:8px;padding:4px 6px 4px 10px;display:inline-flex;align-items:center;gap:6px}.face b{font-weight:600;color:#1d1d1f;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.face button{width:16px;height:16px;border-radius:50%;background:#e4e4e8;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.face button:hover{background:#1d1d1f;color:#fff}.face button svg{pointer-events:none}
.font-probe{position:absolute;left:-99999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.font-weight-label{color:#86868b;font-size:11px;font-weight:400;margin-left:6px;margin-right:6px}.font-weight-label::before{content:"•";color:#b0b0b5;font-size:12px;margin-right:6px}.font-weight-label:last-child::before{content:none}
.cards{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:clamp(24px,3.5vw,38px)}
.card h4{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:#6e6e73;font-weight:700;margin-bottom:12px}
.card p,.card [contenteditable]{font-family:var(--font-text);color:#1d1d1f;font-size:14.5px;line-height:1.6;outline:none;border-radius:8px;padding:2px;margin:-2px}.card [contenteditable]:focus{background:#f5f5f7;box-shadow:0 0 0 2px rgba(0,0,0,0.15)}
.card.full{grid-column:1 / -1}.card.description{padding:16px;align-items:center}.card.description h4{display:none}.card.description p{margin:0}
.site{border-top:1px solid var(--c-line);padding:36px clamp(16px,4vw,40px) 52px}.site-top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:28px}.disc-wrap{width:100%}.site .l{display:flex;flex-direction:column;gap:6px}
.site .notes{outline:none;max-width:340px;font-size:12.5px;color:#86868b;border-bottom:1px dashed transparent}.site .notes[contenteditable]:focus{color:#1d1d1f;border-color:var(--c-line)}
.site .disc{font-size:12px;color:#9a9aa0;line-height:1.7;transition:color 0.2s ease}.site .disc:hover{color:#48484a}
[contenteditable]{cursor:text;transition:box-shadow 0.15s,background 0.15s}[data-bind]:hover{background:rgba(0,0,0,0.02)}[contenteditable]:empty::before{content:attr(data-ph);color:#b0b0b5;pointer-events:none}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.35);display:none;align-items:center;justify-content:center;z-index:300}.modal-backdrop.open{display:flex}
.modal{background:#fff;border-radius:20px;padding:28px;width:min(480px,92vw);box-shadow:var(--shadow)}
.modal.modal-shake,.lock-card.modal-shake{animation:modalShake 0.4s cubic-bezier(0.36,0.07,0.19,0.97) both}
@keyframes modalShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.modal h3{font-size:18px;font-weight:600}.modal .sub{color:#86868b;font-size:13px;margin:4px 0 20px}
.field{margin-bottom:16px}.field label{display:block;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#86868b;margin-bottom:7px}
#am-media-label,#vm-media-label,#att-media-label,#vm-cover-label,#att-cover-label{margin-bottom:16px;padding-bottom:4px}
.field .row{display:flex;gap:8px}
.field input[type=text],.field select{width:100%;border:1px solid var(--c-line);border-radius:10px;padding:9px 12px;font-size:14px;outline:none;box-sizing:border-box}
.field input[type=text]:focus,.field select:focus{border-color:#1d1d1f;box-shadow:0 0 0 2px rgba(0,0,0,0.1)}
.field input:disabled{opacity:0.55;cursor:not-allowed;background:#f5f5f7}
.field input.readonly-field{background:#f5f5f7;color:#55555a;cursor:text;user-select:all;-webkit-user-select:all}
.field input.readonly-field:focus{border-color:var(--c-line);box-shadow:none}
.modal-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.color-picker-input{width:44px;height:40px;border:1px solid var(--c-line);border-radius:10px;background:#fff;cursor:pointer;padding:2px 4px;box-sizing:border-box;flex-shrink:0}
.color-picker-input::-webkit-color-swatch-wrapper{padding:0;border-radius:8px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:8px}
.field select{padding-right:34px;background:#fff;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2386868b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.modal .actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}
.adrop{min-height:150px;border:1.5px dashed rgba(0,0,0,0.2);border-radius:var(--r);background:#f5f5f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9a9aa0;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;padding:14px;text-align:center}
.adrop:hover,.adrop.over{border-color:#1d1d1f;color:#1d1d1f;background:#f2f2f4}.adrop img{max-width:100%;max-height:96px;object-fit:contain}
.adrop-fn-pill{display:inline-flex;align-items:center;justify-content:center;max-width:92%;padding:5px 14px;border-radius:999px;background:rgba(29,29,31,0.85);color:#ffffff !important;border:1px solid rgba(255,255,255,0.22);box-shadow:0 4px 14px rgba(0,0,0,0.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12px;font-weight:600;letter-spacing:0.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;margin-top:4px;z-index:2}
.bg-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bgp{height:35px;padding:0 12px;border-radius:999px;background:#f0f0f2;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.bgp.on{background:#1d1d1f;color:#fff}
.bg-picker-pill{height:35px;width:44px;border-radius:999px;border:1px solid var(--c-line);background:#f0f0f2;padding:2px 4px;cursor:pointer;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.bg-picker-pill::-webkit-color-swatch-wrapper{padding:0;border-radius:999px}.bg-picker-pill::-webkit-color-swatch{border:none;border-radius:999px}
.att-badge-card{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.att-doc-icon{width:46px;height:56px;display:block}
.lightbox{position:fixed;inset:0;background:rgba(18,18,20,0.65);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);display:none;align-items:center;justify-content:center;z-index:500}.lightbox.open{display:flex}
.lb-stage{width:min(98vw,1540px);height:min(94vh,1020px);display:flex;align-items:center;justify-content:center}
.lb-frame{width:100%;height:100%;padding:clamp(40px,6vw,84px);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative}
.lb-frame img,.lb-frame video,.lb-frame svg,.lb-frame iframe{width:100%;height:100%;object-fit:contain;display:block;border:none}
.lb-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:5;transition:0.18s;padding:0;outline:none}
.lb-close svg{width:18px;height:18px;stroke:currentColor;display:block}.lb-close:hover{background:rgba(255,255,255,0.3)}
.pdf-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px;outline:none}
.pdf-main-stage{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pdf-main-canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.22);background:#fff}
.pdf-dock-stacked{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(94vw,760px);z-index:10}
.pdf-dock-row1{display:flex;align-items:center;gap:10px;background:rgba(29,29,31,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.14);border-radius:999px;padding:6px 14px;box-sizing:border-box}
.pdf-dock-row2{display:flex;align-items:center;gap:12px;background:rgba(29,29,31,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.14);border-radius:999px;padding:6px 16px;box-sizing:border-box}
.pdf-nav-arrow{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:0.16s;flex-shrink:0}
.pdf-nav-arrow svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;display:block}
.pdf-nav-arrow:hover:not(:disabled){background:rgba(255,255,255,0.26)}
.pdf-nav-arrow:disabled{opacity:0.3;cursor:not-allowed}
.pdf-counter-pill{font-size:12px;font-weight:600;color:rgba(255,255,255,0.85);white-space:nowrap}
.pdf-dl-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffff;background:rgba(255,255,255,0.16);padding:5px 12px;border-radius:999px;transition:0.18s}
.pdf-dl-btn svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;display:block}
.pdf-dl-btn:hover{background:rgba(255,255,255,0.3)}
.pdf-thumb-track{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 4px;max-width:440px}
.pdf-thumb-track::-webkit-scrollbar{display:none}
.pdf-thumb-btn{border-radius:4px;overflow:hidden;border:2px solid transparent;opacity:0.55;transition:0.18s;display:inline-block;padding:0;background:#fff;line-height:0;flex-shrink:0;cursor:pointer}
.pdf-thumb-btn.active{border-color:#ffffff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,0.5)}
.pdf-thumb-btn:hover{opacity:0.95}
.pdf-thumb-canvas{width:30px;height:40px;display:block;object-fit:cover}
.zip-lightbox-container{width:min(90vw,680px);max-height:min(86vh,640px);background:#ffffff;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--c-line);display:flex;flex-direction:column;overflow:hidden;outline:none}
.zip-lb-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 18px;border-bottom:1px solid var(--c-line);background:#fafafa}
.zip-lb-title-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}
.zip-lb-title{font-size:17px;font-weight:700;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zip-lb-sub{font-size:12px;color:#86868b;display:flex;gap:8px;align-items:center}
.zip-lb-sub-tag{font-weight:600;color:#1d1d1f;background:#e9e9ed;padding:2px 7px;border-radius:6px;font-size:10.5px}
.zip-lb-dl-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffff;background:#6E6E73;padding:8px 16px;border-radius:999px;transition:0.18s}
.zip-lb-dl-btn svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;display:block}
.zip-lb-dl-btn:hover{background:#000000;color:#ffffff}
.zip-lb-list{flex:1 1 auto;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:6px}
.zip-lb-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;background:#fbfbfd;border:1px solid rgba(0,0,0,0.04);transition:0.15s}
.zip-lb-item:hover{background:#f5f5f7}
.zip-lb-item-icon{width:48px;height:28px;border-radius:7px;background:#ececed;color:#1d1d1f;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;flex-shrink:0}
.zip-lb-item-name{font-size:13px;font-weight:500;color:#1d1d1f;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui)}
.zip-lb-item-size{font-size:11.5px;color:#86868b;font-variant-numeric:tabular-nums;flex-shrink:0}
.zip-lb-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 26px;border-top:1px solid var(--c-line);background:#ffffff}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#1d1d1f;color:#fff;padding:12px 20px;border-radius:999px;font-size:13.5px;opacity:0;pointer-events:none;transition:0.28s;z-index:600}.toast.show{opacity:1;transform:translate(-50%,0)}
.lock-body{background:#f5f5f7;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}
.lock-container{display:flex;align-items:center;justify-content:center;width:100%;padding:20px}
.lock-card{background:#ffffff;border:1px solid var(--c-line);border-radius:28px;padding:48px 36px 42px;width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;box-shadow:0 24px 60px rgba(0,0,0,0.08)}
.lock-brand-wrap{margin-bottom:32px}
.lock-brand-mark{height:52px !important;width:auto !important}
.lock-pips{display:flex;gap:16px;margin-bottom:32px}
.lock-pip{width:13px;height:13px;border-radius:50%;border:1.5px solid #1d1d1f;background:transparent;transition:all 0.18s ease}
.lock-pip.filled{background:#1d1d1f;transform:scale(1.08)}
.lock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}
.lock-key{aspect-ratio:1/1;border-radius:50%;border:1px solid var(--c-line);background:var(--c-elev);color:#1d1d1f;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;transition:background 0.15s ease,transform 0.1s ease;user-select:none;-webkit-user-select:none}
.lock-key:focus{outline:none}
.lock-key:active{background:#e5e5ea;transform:scale(0.96)}
.lock-key-action{background:transparent;border:none;font-size:15px;color:#86868b}
.lock-key-action svg{width:20px;height:20px}
.lock-key-action:active{background:var(--c-elev)}
html.js .reveal{opacity:0;transform:translateY(18px);transition:0.7s cubic-bezier(0.2,0.7,0.2,1)}html.js .reveal.in{opacity:1;transform:none}
@media (max-width:860px){.nav{display:none}.mobile-nav-toggle{display:inline-flex}.bn{font-size:14px;min-width:70px;max-width:180px}.bn-brand-name{font-size:14px}.g4,.g8{grid-template-columns:repeat(3,1fr)}}
@media (max-width:540px){.modal-grid-2{grid-template-columns:1fr}}
@media (max-width:760px){.g4,.g8{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.mast-drop{aspect-ratio:16 / 9}}