.support-workspace{--s-accent:#b8dfd0;padding:22px 0 35px;color:#e5eade}.support-hero{display:flex;justify-content:space-between;gap:25px;padding:32px;border:1px solid #b9d7b923;border-radius:23px;background:radial-gradient(ellipse at right top,#77baa32b,transparent 65%),#1b2b24;margin-bottom:23px}.support-hero.support-violet{background:radial-gradient(ellipse at right top,#af86d733,transparent 65%),#272131}.support-eyebrow{font-size:11px;letter-spacing:.17em;color:#c3d8b4;margin:0 0 15px}.support-hero h1{font-size:clamp(29px,3.2vw,43px);font-weight:400;letter-spacing:-1.4px;margin:0 0 15px}.support-hero p:last-child{font-size:14px;line-height:1.7;color:#adbdab;max-width:550px}.support-hero-symbol{font-size:37px;color:#c4addf;width:76px;height:76px;border:1px solid #bfc9a926;border-radius:22px;display:grid;place-items:center;flex-shrink:0}.support-hero-symbol svg{width:37px;height:37px;color:#b8dfd0}.support-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 15px}.support-tabs{display:flex;gap:6px;flex:1}.support-tabs button{padding:13px 17px;border:1px solid #c1cfad21;border-radius:24px;font-size:13px;color:#a8b9a0;min-height:44px}.support-tabs button.active{background:#b2ca9a1b;border-color:#c5d5a848;color:#d6e2be}.support-workspace .button{border-radius:10px;min-height:44px;padding:12px 18px;font-size:13px}.support-source,.support-disclaimer{font-size:12px;line-height:1.65;color:#9aaa90;margin:10px 0}.support-disclaimer{color:#baaccc;max-width:830px}.support-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0}.support-counts>div{border:1px solid #becaa322;background:#303924;padding:23px;border-radius:17px;display:flex;flex-direction:column;gap:12px}.support-counts>div:nth-child(2){background:#332a24}.support-counts>div:nth-child(3){background:#292335}.support-counts strong{font-size:33px;font-weight:400;color:#d6dfb5}.support-counts span{font-size:13px;color:#bfc9b3}.support-list{border:1px solid #b6c49f20;border-radius:20px;background:#1a211b;padding:0 22px}.support-thread-row{display:flex;align-items:center;width:100%;gap:16px;padding:23px 0;border-bottom:1px solid #b7c49d1c;text-align:left;color:#d7e1cf}.support-thread-row:last-child{border:0}.support-thread-row>span:nth-child(2){flex:1;min-width:0}.support-thread-row strong{display:block;font-size:16px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.support-thread-row small{display:block;font-size:11px;color:#94a38b;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.support-thread-row:hover strong{color:#dfe8ae}.support-thread-icon,.support-empty-symbol{display:grid;place-items:center;background:#b3d8bd0c;border:1px solid #a2c29c25;border-radius:14px;width:43px;height:43px;flex-shrink:0}.support-thread-icon svg{width:21px;height:21px}.support-status{font-size:11px;padding:7px 12px;border-radius:30px;background:#cda88017;color:#e5c59e;white-space:nowrap;display:inline-block}.support-status.approved,.support-status.resolved{background:#9cd4b21a;color:#b6e4c6}.support-status.changes,.support-status.waiting{background:#b595d91f;color:#d4bdec}.support-empty{padding:45px 25px;text-align:center;background:radial-gradient(ellipse at 50% 0,#8aae7020,transparent 70%);border-radius:20px}.support-empty-symbol{margin:0 auto 24px;width:65px;height:65px;border-radius:20px}.support-empty-symbol svg{width:30px;height:30px}.support-empty h2{font-size:25px;font-weight:400;margin-bottom:15px}.support-empty p{font-size:14px;line-height:1.8;color:#a8b6a0;max-width:530px;margin:0 auto 24px}.support-pagination{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin:24px 0}.support-workspace button:disabled{opacity:.45;cursor:wait}.support-workspace input,.support-workspace textarea,.support-workspace select{width:100%;background:#121912;border:1px solid #becf9d30;border-radius:10px;padding:13px 15px;color:#e0e7d7;font:inherit;min-height:46px}.support-workspace textarea{min-height:155px;resize:vertical;line-height:1.7}.support-workspace label{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#c3d3b4}.support-workspace form{border:1px solid #c5d3ad22;border-radius:20px;background:linear-gradient(130deg,#9fbb7b0e,transparent),#1b221c;padding:27px;display:grid;gap:22px}.support-form-heading h2{font-size:25px;font-weight:400;letter-spacing:-.6px;margin-top:10px}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-drop{align-items:center;text-align:center;border:1px dashed #c4d69650;border-radius:15px;background:#b8ce8c07;padding:25px;cursor:pointer}.support-drop svg{width:28px;height:28px;color:#c7d6a4}.support-drop strong{font-size:15px;font-weight:500}.support-drop>span{font-size:12px;line-height:1.6;color:#9bab8f}.support-drop input{max-width:360px;font-size:12px;padding:10px;border:0;background:transparent}.support-drop input::file-selector-button{border:1px solid #b4c18f45;border-radius:6px;background:#394531;color:#d8e1c6;padding:9px 12px;margin-right:10px}.support-form-actions{display:flex;gap:12px;flex-wrap:wrap}.support-error{font-size:13px;color:#edbd9d;line-height:1.7;white-space:pre-wrap}.support-error:empty{display:none}.support-upload-preview{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #9fba8524;font-size:12px;color:#aabd9c}.support-upload-preview img{width:70px;height:48px;object-fit:contain;border:1px solid #aac79822;border-radius:6px;background:#111711}.support-upload-preview span{flex:1;overflow-wrap:anywhere}.support-upload-preview button{font-size:25px;padding:8px;min-width:40px}.support-thread-heading{margin:25px 0}.support-thread-heading h2{font-size:29px;font-weight:400;letter-spacing:-.7px;margin:18px 0 10px;overflow-wrap:anywhere}.support-thread-heading>p{font-size:12px;color:#a0b18f;line-height:1.6;overflow-wrap:anywhere}.support-back{font-size:13px;color:#c5d0a5;padding:10px 15px 10px 0;margin-right:15px}.support-thread-layout{display:grid;gap:25px}.support-thread-layout.has-files{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.support-review-canvas{border:1px solid #cab2e228;background:#25202d;border-radius:19px;padding:20px;position:sticky;top:65px}.support-review-canvas>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.support-review-canvas h3{font-size:18px;font-weight:400;color:#d6c5ea}.support-review-canvas>header>span{border-radius:50%;border:1px solid #c3a8df35;padding:6px 10px;color:#c8b6da;font-size:12px}.support-image-tabs{display:flex;gap:7px;overflow:auto;margin:12px 0 18px;padding-bottom:5px}.support-image-tabs button{font-size:11px;padding:9px 12px;white-space:nowrap;border-radius:8px;border:1px solid #b1a0c324;max-width:210px;overflow:hidden;text-overflow:ellipsis;min-height:40px}.support-image-tabs button.active{background:#bda2db22;color:#e3d0fa;border-color:#bda2db55}.support-image-stage{position:relative;line-height:0;background:#121316;border-radius:9px;overflow:hidden}.support-image-stage>img{width:100%;height:auto;display:block;cursor:crosshair}.support-pin{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;border-radius:50%;background:#e3d69f;color:#202315;border:2px solid #fff9;font:600 12px Arial;box-shadow:0 3px 12px #0008;z-index:1}.support-pin.saved{background:#bbdcca}.support-pin-note{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #b1a1c128;padding:13px 0;font-size:12px;line-height:1.7}.support-pin-note b{border:1px solid #c4b4d344;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:#cfbce6}.support-pin-note p{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.support-pin-note small{font-size:10px;color:#9fab91}.support-pin-note.highlight{background:#c4b6df1a}.support-help{font-size:12px;line-height:1.7;color:#a4ac99;margin:14px 0}.support-review-canvas textarea{min-height:95px;font-size:14px;margin-top:5px}.support-review-canvas label{margin:15px 0;color:#c6b6d7}.support-review-canvas .button{margin:5px 0 10px;background:#c9b3df}.support-messages{display:grid;gap:17px;margin-bottom:22px}.support-message{padding:22px;border:1px solid #bed19d20;background:#20281e;border-radius:17px 17px 17px 4px}.support-message.staff{background:#222a30;border-color:#93c5d123;border-radius:17px 17px 4px 17px}.support-message header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.support-message header strong{font-size:12px;color:#cbd5b4}.support-message.staff header strong{color:#a9d6d2}.support-message time{font-size:10px;color:#94a08b}.support-message>p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.support-file-link{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:12px;color:#c6d4a9;overflow-wrap:anywhere;text-align:left}.support-file-link svg{width:17px;height:17px;flex-shrink:0}.support-message>small{font-size:11px;color:#b8a5ce;display:block;margin-top:10px}.support-approved{padding:27px;background:#1d3227;border:1px solid #aedbc735;border-radius:17px;color:#c6dfbc;line-height:1.8}.support-approved p{font-size:13px;margin-top:10px}.sidebar [data-support-route] svg{width:19px;height:19px;flex-shrink:0}.w-menu-link[data-support-route] svg{width:20px;height:20px}.support-image-error{font-size:13px;color:#eab696;padding:18px}
.guide-launcher{position:fixed;right:25px;bottom:25px;z-index:65;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8dfad66;background:linear-gradient(145deg,#d6dd9d,#afc09b);color:#1c281e;box-shadow:0 8px 40px #0008;cursor:pointer}.guide-launcher svg{width:27px;height:27px}.guide-panel{position:fixed;right:25px;bottom:100px;width:370px;max-width:calc(100vw - 28px);height:560px;max-height:calc(100dvh - 125px);z-index:65;display:flex;flex-direction:column;border:1px solid #b6c89438;border-radius:22px;overflow:hidden;background:#19211b;box-shadow:0 20px 90px #000b;font:14px Arial,sans-serif;color:#dce4d3}.guide-panel[hidden]{display:none}.guide-panel>header{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(100deg,#33452d,#22332b);border-bottom:1px solid #b1cb8e24}.guide-panel header img{width:40px;height:auto}.guide-panel header>div{flex:1}.guide-panel header strong{display:block;font-size:15px;font-weight:500}.guide-panel header small{display:block;margin-top:6px;font-size:10px;color:#b2c2a4}.guide-panel button{font:inherit;cursor:pointer;color:inherit}.guide-close{font-size:25px!important;min-width:35px;height:35px;border:0;background:transparent}.guide-log{flex:1;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.guide-bubble{background:#b5c3970b;border:1px solid #b2c79016;border-radius:14px 14px 14px 3px;padding:13px 14px;line-height:1.75;font-size:13px;max-width:96%;white-space:pre-wrap;overflow-wrap:anywhere}.guide-bubble.visitor{align-self:flex-end;background:#aa94c020;border-color:#b299ca25;border-radius:14px 14px 3px 14px;color:#d9cae7}.guide-options{display:flex;flex-wrap:wrap;gap:7px}.guide-options button{padding:8px 11px;border:1px solid #b9ca982a;background:#b0ca8d0b;border-radius:20px;min-height:36px;font-size:11px;color:#d3dfb9}.guide-panel>footer{padding:13px;border-top:1px solid #b7c49622}.guide-panel form{display:flex;gap:8px}.guide-panel input{min-width:0;flex:1;border:1px solid #b6c99230;border-radius:10px;padding:13px;background:#101810;color:#dde4d1;font:14px Arial}.guide-panel form button{border:0;border-radius:10px;background:#cbd8a6;color:#1e291b;padding:0 15px}.guide-panel footer>p{font-size:10px;color:#91a382;text-align:center;line-height:1.6;margin:10px 0 0}.guide-staff{width:100%;margin-top:8px;border:1px solid #b7c69337;border-radius:9px;background:#c2d79a10;padding:11px;color:#d2dfb5!important;min-height:40px}.guide-panel a{color:#d7dea9;text-decoration:underline}.guide-launcher:focus-visible,.guide-panel button:focus-visible,.support-workspace button:focus-visible{outline:2px solid #d7e2a7;outline-offset:3px}
@media(max-width:900px){.support-thread-layout.has-files{grid-template-columns:1fr}.support-review-canvas{position:static}.support-image-stage{max-width:700px;margin:auto}}
@media(max-width:760px){.support-workspace{padding-top:15px}.support-hero{padding:24px 20px;gap:10px}.support-hero h1{font-size:29px}.support-hero-symbol{width:45px;height:45px;font-size:23px;border-radius:14px}.support-hero-symbol svg{width:25px;height:25px}.support-hero p:last-child{font-size:13px}.support-eyebrow{font-size:9px}.support-tabs{flex-basis:100%}.support-tabs button{font-size:12px;padding:11px 13px}.support-counts{gap:9px}.support-counts>div{padding:17px 13px}.support-counts strong{font-size:28px}.support-counts span{font-size:11px}.support-list{padding:0 15px}.support-thread-row{gap:10px;flex-wrap:wrap}.support-thread-row>span:nth-child(2){flex-basis:calc(100% - 60px)}.support-thread-row strong{font-size:15px}.support-thread-row .support-status{margin-left:53px}.support-form-grid{grid-template-columns:1fr}.support-workspace form{padding:20px;gap:19px}.support-workspace input,.support-workspace textarea,.support-workspace select{font-size:16px}.support-drop{padding:18px 12px}.support-thread-heading h2{font-size:25px}.support-review-canvas{padding:17px}.support-message{padding:18px}.support-message header{flex-wrap:wrap;gap:7px}.support-pin-note small{display:none}.support-empty{padding:32px 18px}.support-empty h2{font-size:23px}.support-source,.support-disclaimer{font-size:11px}.guide-launcher{width:53px;height:53px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.guide-panel{right:14px;bottom:calc(80px + env(safe-area-inset-bottom));height:570px;max-height:calc(100dvh - 105px - env(safe-area-inset-bottom));width:370px}.guide-panel input{font-size:16px}.guide-panel>header{padding:17px}.guide-options button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.guide-log{scroll-behavior:auto}}
#content.support-workspace .support-message{display:block}#content.support-workspace .support-message>header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:0;border:0;min-height:0}#content.support-workspace .support-message>p{display:block;width:100%;margin:0}#content.support-workspace .support-file-link{display:flex;width:100%;margin-top:8px;max-width:100%;word-break:break-word}#support-form input,#support-form select,#support-form textarea{border-radius:10px!important}#content.support-workspace .support-hero-symbol{white-space:nowrap;font-size:27px}#content.support-workspace .support-hero-symbol svg{display:block}.support-workspace .support-message time{white-space:nowrap}
.guide-panel{width:min(370px,calc(100% - 28px));max-width:calc(100% - 28px)}
