@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--ink:#18221c;--muted:#657169;--line:#dfe7e2;--green:#0b8f4d;--green-dark:#08733f;--soft:#f5f8f6;--card:#fff;--shadow:0 26px 70px rgba(27,52,37,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 8%,rgba(42,177,104,.11),transparent 28%),var(--soft);color:var(--ink);font-family:Poppins,Noto Sans Sinhala,sans-serif}.publish-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(213,226,218,.85);background:#f5f8f6e0;backdrop-filter:blur(18px)}.publish-brand{display:flex;align-items:center}.publish-brand img{display:block;width:132px;height:auto}.publish-product{padding-left:14px;border-left:1px solid #ccd8d1;color:#526158;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.publish-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:82px 0 54px}.publish-intro{max-width:780px}.publish-eyebrow,.publish-panel-heading p{margin:0 0 10px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.14em}.publish-intro h1{margin:0;font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.055em;font-weight:500}.publish-intro h1 strong{color:var(--green);font-weight:600}.publish-intro>p:last-child{max-width:660px;margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.85}.publish-workspace{margin-top:58px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#ffffffd1;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.publish-url-form>label,.publish-code-label{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.02em}.publish-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.publish-url-row input{min-width:0;height:54px;padding:0 17px;border:1px solid #d2ddd6;border-radius:14px;background:#fff;color:var(--ink);font:500 14px Poppins,sans-serif;outline:none}.publish-url-row input:focus{border-color:#67b78b;box-shadow:0 0 0 4px #0b8f4d1a}button{font:600 13px Poppins,sans-serif}.publish-url-row button,.publish-buttons button{min-height:48px;padding:0 20px;border:1px solid #cad8d0;border-radius:13px;background:#fff;color:var(--ink);cursor:pointer}.publish-url-row button,.publish-buttons .is-primary{border-color:#0a8548;background:#0a8548;color:#fff}.publish-url-row button:hover,.publish-buttons .is-primary:hover{background:#08733f}.publish-error{margin:10px 0 0;color:#b42318;font-size:12px}.publish-builder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.publish-preview-panel,.publish-controls{min-width:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.publish-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.publish-panel-heading h2{margin:0;font-size:20px;letter-spacing:-.025em}.publish-panel-heading a{color:var(--green-dark);font-size:11px;font-weight:600;text-decoration:none}.publish-preview-stage{display:grid;place-items:center;min-height:420px;padding:28px;border-radius:16px;background:linear-gradient(145deg,#edf3ef,#f8faf9);overflow:hidden}.publish-preview-stage>.techsatahan-embed{width:min(100%,640px)}fieldset{min-width:0;margin:0;padding:0;border:0}.publish-theme-options legend{margin-bottom:10px;font-size:12px;font-weight:700}.publish-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.publish-theme-options label{cursor:pointer}.publish-theme-options input{position:absolute;opacity:0;pointer-events:none}.publish-theme-options span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:11px;font-size:12px;font-weight:600}.publish-theme-options input:checked+span{border-color:#55aa7b;background:#edf8f1;color:var(--green-dark);box-shadow:inset 0 0 0 1px #55aa7b}.publish-switches{display:grid;gap:1px;margin:20px 0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}.publish-switches label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 14px;background:#fff;font-size:12px;font-weight:500}.publish-switches input{width:18px;height:18px;accent-color:var(--green)}.publish-code-label{margin-top:4px}.publish-controls textarea{width:100%;resize:vertical;padding:13px;border:1px solid #d5dfd9;border-radius:12px;background:#f7f9f8;color:#344039;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.publish-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.publish-status{min-height:18px;margin:10px 2px 0;color:var(--green-dark);font-size:11px}.publish-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.publish-how article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#ffffff9e}.publish-how span{color:var(--green);font-size:11px;font-weight:700}.publish-how h2{margin:16px 0 8px;font-size:18px}.publish-how p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.publish-footer{display:flex;align-items:center;justify-content:center;gap:18px;padding:28px;border-top:1px solid var(--line);color:#758078;font-size:11px}.publish-footer a{color:inherit;text-decoration:none}.publish-footer a:hover{color:var(--green)}@media(max-width:850px){.publish-shell{padding-top:58px}.publish-builder{grid-template-columns:1fr}.publish-preview-stage{min-height:360px}.publish-how{grid-template-columns:1fr}}@media(max-width:600px){.publish-header{height:68px;padding:0 18px}.publish-brand img{width:116px}.publish-product{font-size:11px}.publish-shell{width:min(100% - 24px,1180px);padding:42px 0}.publish-intro h1{font-size:40px}.publish-intro>p:last-child{font-size:14px}.publish-workspace{margin-top:36px;padding:16px;border-radius:20px}.publish-url-row{grid-template-columns:1fr}.publish-builder{gap:14px}.publish-preview-panel,.publish-controls{padding:16px;border-radius:16px}.publish-preview-stage{min-height:310px;padding:14px}.publish-buttons{grid-template-columns:1fr}.publish-footer{flex-wrap:wrap}}