:root{color-scheme:light;--paper:#f4f2eb;--ink:#242924;--muted:#636b60;--line:#d5d9ce;--green:#334b36;--lime:#e1eb94;--white:#fffef9;--warn:#755820;--error:#9d3935;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--green);border-radius:7px;padding:10px 17px;background:var(--green);color:white;font-weight:600}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.masthead{display:flex;align-items:center;gap:24px;padding:20px 4vw;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;letter-spacing:-1.2px;font-weight:800;color:var(--ink);text-decoration:none}.wordmark span{font-weight:400}.wordmark i{color:#77915d;font-style:normal}.mode{margin-left:auto;font-size:12px;border:1px solid #aab78f;border-radius:99px;padding:5px 13px;color:var(--green)}main{max-width:1350px;margin:0 auto;padding:36px 4vw 60px}h1{font-size:clamp(30px,4vw,46px);line-height:1.14;font-weight:500;letter-spacing:-1.5px;margin:12px 0 18px}h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:0 0 15px}h3{margin:0 0 8px;font-size:18px}p{margin:0 0 16px}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--muted)}.topline{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.workspace-picker{display:flex;gap:8px;align-items:center}.workspace-picker select{min-width:180px}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin:30px 0;padding-bottom:12px}.tabs button{white-space:nowrap;border:none;background:transparent;color:var(--muted)}.tabs button.active{background:var(--green);color:white}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}.hero-note{border-left:3px solid #8fa355;padding:9px 18px;background:#e9eddf;color:var(--green);font-size:13px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.source-card{display:flex;flex-direction:column;align-items:flex-start}.source-card button{margin-top:auto}.source-card p{font-size:14px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field>span,.field>label{font-weight:600;font-size:13px}input,select,textarea{border:1px solid #b8c0b2;background:white;color:var(--ink);border-radius:6px;padding:10px 12px;min-width:0;width:100%}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.check{display:flex;align-items:center;gap:10px}.platform-icon{width:27px;height:27px;display:inline-block;flex-shrink:0;background:currentColor;mask-repeat:no-repeat;mask-size:contain}.platform-head{display:flex;align-items:center;gap:10px}.platform-head label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:#e9eddf;color:#3c4e37}.badge.warn{background:#f5eddb;color:var(--warn)}.badge.dim{background:#efefea;color:var(--muted)}.publication{display:flex;flex-direction:column;gap:12px}.publication .actions{margin-top:auto}.copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;border-top:1px solid var(--line);padding-top:16px;max-height:280px;overflow:auto}.account-list{margin-top:20px}.account-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.account-row .badge{margin-left:auto}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth{max-width:510px;margin:40px auto}.auth .panel{padding:35px}.empty{padding:45px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty p{max-width:540px;margin:0 auto 20px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:8px;padding:12px 20px;z-index:10;max-width:90vw;box-shadow:0 8px 24px #0002}#notice:empty{display:none}#notice.error{background:var(--error)}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:min(760px,94vw);max-height:90vh;background:var(--white);color:var(--ink)}dialog::backdrop{background:#1c261c88}.close{position:sticky;top:0;float:right;font-size:25px;padding:0 11px}.preview-media{display:flex;gap:10px;flex-wrap:wrap}.preview-media img{max-width:100%;width:180px;height:130px;object-fit:contain;background:#efefe8}.version{border-bottom:1px solid var(--line);padding:15px 0}.version pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px}.event{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.loading{padding:50px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 4vw;font-size:12px;color:var(--muted)}@media(max-width:650px){.two-cols{grid-template-columns:1fr}.masthead{flex-wrap:wrap;gap:10px}.mode{font-size:10px}.event{grid-template-columns:1fr}.panel{padding:18px}.workspace-picker{width:100%}.workspace-picker select{flex:1}.platform-head{flex-wrap:wrap}dialog{padding:20px}}
.icon-linkedin{mask-image:url("/icons/ico_linkedin.svg")}
.icon-youtube{mask-image:url("/icons/ico_youtube.svg")}
.icon-instagram{mask-image:url("/icons/ico_instagram.svg")}
.icon-facebook{mask-image:url("/icons/ico_facebook.svg")}
.icon-pinterest{mask-image:url("/icons/ico_pinterest.svg")}
.icon-behance{mask-image:url("/icons/ico_behance.svg")}
.icon-x{mask-image:url("/icons/ico_x.svg")}
.icon-vimeo{mask-image:url("/icons/ico_vimeo.svg")}
.icon-tiktok{mask-image:url("/icons/ico_tiktok.svg")}
/* Chrome-inspired application surface: neutral panels and blue interaction states. */
:root{--paper:#f8fafd;--ink:#1f1f1f;--muted:#5f6368;--line:#dadce0;--green:#0b57d0;--lime:#d3e3fd;--white:#fff;--warn:#805500;--error:#b3261e;font-family:Arial,"Segoe UI",sans-serif}
body{font-size:14px;line-height:1.55}
[hidden]{display:none!important}
.masthead{background:#e8eef8;padding:16px 4vw;min-height:76px;border-bottom:0;gap:20px}
.wordmark{display:flex;align-items:center;gap:14px;font-size:24px;letter-spacing:-.7px;font-weight:650;white-space:nowrap}
.wordmark img{max-width:190px;width:auto;height:34px;object-fit:contain}
.wordmark i{color:#9aa0a6;font-weight:400;font-size:28px}
.wordmark .product-name{color:#444746;font-size:23px;font-weight:400;letter-spacing:-.4px}
.mode{background:#f8fafd;border-color:#c2d3ee;color:#44546d;letter-spacing:0}
main{padding-top:32px;max-width:1350px;min-height:calc(100vh - 155px)}
h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;font-weight:500}
h2{font-size:22px;font-weight:600;letter-spacing:-.4px}
.eyebrow{letter-spacing:1.4px;color:#5f6368}
button{border-radius:22px;padding:10px 20px;border-color:transparent;transition:background-color .15s,box-shadow .15s}
button:hover{filter:none;background:#0842a0;box-shadow:0 1px 3px #1a73e833}
button:disabled:hover{box-shadow:none}
.quiet{background:#fff;border-color:var(--line);color:#0b57d0}
.quiet:hover{background:#e8f0fe;border-color:#b5c7e8}
button:focus-visible,a:focus-visible{outline:3px solid #7cacf8;outline-offset:3px}
input,select,textarea{border-color:#c4c7c5;border-radius:8px;padding:12px;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid #0b57d0;outline-offset:0;border-color:#0b57d0}
.tabs{border:0;background:#edf2fa;border-radius:28px;padding:6px;margin:26px 0;gap:4px}
.tabs button{color:#444746;padding:10px 17px}
.tabs button:hover{background:#dfe8f7;box-shadow:none}
.tabs button.active{background:#d3e3fd;color:#041e49}
.panel{border-color:#e1e5eb;border-radius:18px;box-shadow:0 1px 2px #3c404308}
.hero-note{border-left-color:#0b57d0;background:#e8f0fe;border-radius:0 10px 10px 0;color:#174ea6}
.badge{background:#e8f0fe;color:#174ea6;border-radius:6px}
.badge.dim{background:#f1f3f4;color:#5f6368}
.badge.warn{background:#fef7e0;color:#805500}
.empty{background:#fff;border:1px solid #e1e5eb;border-radius:18px;padding:55px 24px}
.empty p{color:#5f6368}
dialog{border:0;border-radius:24px;box-shadow:0 12px 48px #20212433;background:#fff}
dialog::backdrop{background:#20212466}
.close{border-radius:50%;width:40px;height:40px;padding:0;color:#444746}
.preview-media img{background:#f1f3f4;border-radius:10px}
#notice{background:#303134;border-radius:12px}
footer{background:#f8fafd;border-color:#e1e5eb}
@media(max-width:650px){.masthead{padding:14px 20px}.wordmark{gap:10px;font-size:21px}.wordmark img{max-width:145px;height:28px}.wordmark .product-name{font-size:20px}.mode{margin-left:0}.tabs{border-radius:16px}.workspace-picker{flex-wrap:wrap}.workspace-picker select{min-width:150px}main{padding:24px 20px 40px}.auth{margin:20px auto}.auth .panel{padding:22px}.grid{grid-template-columns:minmax(0,1fr)}}

footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.service-credit{display:flex;gap:5px;align-items:center;flex-wrap:wrap}footer a{color:#0b57d0;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:650px){footer{padding:20px;align-items:flex-start;flex-direction:column}}

/* Align labels and icons without changing the editorial flow. */
.workspace-picker button{white-space:nowrap;flex-shrink:0}.platform-head h3{margin:0;line-height:1.35}.platform-icon{mask-position:center;vertical-align:middle}.wordmark img{height:42px;max-width:210px}@media(max-width:650px){.wordmark img{height:34px;max-width:170px}}