:root{--ink:#173d39;--muted:#77817d;--green:#1d5d50;--mint:#e6eee7;--paper:#f7f8f4;--line:#e0e5dd;--white:#fff;--orange:#d8754e;--shadow:0 12px 35px #16372a08;font-family:Arial,Helvetica,sans-serif;color:#263b35;background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{touch-action:manipulation}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:35px;letter-spacing:-1.3px;font-weight:500;line-height:1.15}h2{font-size:23px;letter-spacing:-.6px;font-weight:500}h3{font-size:16px;font-weight:600}p{line-height:1.65}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#6c7d73;margin-bottom:14px}.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:23px;letter-spacing:-1px;font-weight:600}.mark{width:35px;height:35px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:43px;border-radius:8px;background:var(--green);color:white;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.btn:hover{background:#164b40}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.secondary:hover{background:#eef3eb}.btn.ghost{background:transparent;color:var(--ink);border:1px solid transparent}.btn.danger{background:#fff1ed;color:#963c24}.btn.small{padding:9px 12px;min-height:35px;font-size:12px}.btn.square{padding:10px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 9px;font-size:11px;color:var(--green);background:#eaf2e9;white-space:nowrap}.badge.draft{background:#f3eee3;color:#9b7b3b}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#fbfcf8;display:flex;flex-direction:column;padding:32px 21px 22px}.sidebar .logo{margin-bottom:45px}.nav-label{font-size:10px;letter-spacing:1.4px;color:#8d9890;padding:0 12px;margin:24px 0 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border-radius:8px;color:#748078;padding:13px 12px;font-size:13px}.nav button.active{background:#e8eee4;color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto}.private-note{border:1px solid #dfe7d9;border-radius:10px;padding:13px 12px;margin-bottom:20px;font-size:11px;line-height:1.6;background:#f0f4eb;color:#61735e}.avatar{width:33px;height:33px;border-radius:50%;background:#e4e9de;display:grid;place-items:center;font-size:12px;color:var(--ink);flex-shrink:0}.account{font-size:12px}.account small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.workspace{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fbfcf8;gap:16px}.breadcrumb{font-size:12px;color:#748078}.breadcrumb strong{font-weight:500;color:#30483e}.company-select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 12px;max-width:260px;font-size:12px;color:var(--ink)}.content{padding:38px 40px 40px;max-width:1600px;margin:auto}.page-title{margin-bottom:25px}.page-title p{font-size:13px;margin:10px 0 0}.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:215px;background:#163f39;border-radius:13px;color:white;overflow:hidden;margin-bottom:26px;position:relative}.hero-copy{padding:31px 34px;z-index:1}.hero .eyebrow{color:#a6bdae;font-size:10px}.hero h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}.hero p{font-size:12px;color:#bed1c5;max-width:350px;margin-bottom:0}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#47796080,transparent 75%)}.hero-art:before,.hero-art:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #70928040;border-radius:50%}.hero-art:after{width:190px;height:190px}.mini-video{width:105px;height:133px;background:linear-gradient(145deg,#b8bba1,#668771);border:3px solid #f0ead980;border-radius:13px;transform:rotate(-9deg);display:grid;place-items:center;box-shadow:0 20px 40px #082b2870;z-index:1}.play-circle{border-radius:50%;background:#ffffffdf;color:var(--green);height:38px;width:38px;display:grid;place-items:center;padding-left:3px;font-size:16px}.art-choices{display:flex;flex-direction:column;gap:9px;transform:rotate(5deg);margin-left:-9px;z-index:2}.art-choices span{font-size:10px;padding:12px 15px;border:1px solid #f4f4e6bb;background:#f0f1df;color:#365645;border-radius:7px;box-shadow:0 4px 12px #0b2a2320}.art-choices span:last-child{background:#d8e6c7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.stat .stat-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat strong{font-size:29px;font-weight:500;display:block;color:var(--ink);margin-top:11px}.stat small{font-size:11px;color:#8b9389;margin-left:8px;font-weight:400}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-head h2{font-size:20px;margin:0}.search{background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-size:12px;width:210px}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.flow-card-head{height:108px;background:#e8eddf;position:relative;padding:19px;display:flex;align-items:flex-start;justify-content:space-between}.flow-card:nth-child(3n+2) .flow-card-head{background:#f1e6db}.flow-card:nth-child(3n) .flow-card-head{background:#e0e9e8}.flow-glyph{width:47px;height:57px;border:1px solid #ffffff;border-radius:9px;display:grid;place-items:center;background:#ffffff75;color:#6b8069;transform:rotate(-6deg)}.flow-card-body{padding:19px 19px 17px}.flow-card h3{font-size:15px;line-height:1.4;margin-bottom:8px}.flow-card p{font-size:11px;color:var(--muted);margin-bottom:18px;min-height:18px}.flow-card-footer{padding-top:14px;border-top:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.new-card{min-height:265px;border:1px dashed #c6d0bf;border-radius:12px;background:#f4f7ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6c8065;gap:13px;padding:20px;font-size:13px}.new-card .plus{font-size:27px;font-weight:300;line-height:1}.new-card small{font-size:11px;color:#8c9886}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px}.empty{text-align:center;padding:50px 20px;color:var(--muted);font-size:13px}.empty h3{color:var(--ink);font-weight:500}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field label,.label{font-size:11px;font-weight:600;color:#647368;letter-spacing:.2px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #dce2d6;border-radius:7px;background:#fff;color:#2c4036;font-size:13px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#598b6c;outline:2px solid #d4e4d2;outline-offset:1px}.field textarea{resize:vertical;min-height:90px}.field textarea.code{font-family:Consolas,monospace;line-height:1.6;font-size:12px;min-height:120px}.field .hint{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{border-radius:8px;background:#f4f1e6;border:1px solid #e9dfc3;color:#89733e;font-size:12px;padding:13px 16px;line-height:1.6;margin:15px 0}.notice.green{background:#edf4eb;border-color:#dae7d4;color:#58734b}.notice.error{background:#fff1ec;color:#9b482f;border-color:#edd4c9}.editor-toolbar{margin-bottom:22px}.editor-toolbar h1{font-size:27px;margin:0}.editor-toolbar .hint{margin-top:7px}.editor-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 255px;gap:19px;align-items:start}.node-list{background:#edf1e8;border:1px solid #dce4d4;border-radius:10px;padding:14px}.node-list-head{padding:5px 6px 16px;font-size:10px;letter-spacing:1.4px;color:#83917b}.node-item{background:#fff;border:1px solid #dce3d4;border-radius:8px;padding:12px;text-align:left;width:100%;display:flex;gap:9px;align-items:center;margin-bottom:9px;color:#647361;position:relative}.node-item.active{border-color:#427a59;box-shadow:0 0 0 1px #427a59;background:#fcfff8}.node-item .num{font-size:10px;background:#eef2e9;border-radius:5px;width:24px;height:26px;display:grid;place-items:center;flex-shrink:0}.node-item strong{display:block;font-size:12px;font-weight:500;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-item small{display:block;font-size:9px;color:#98a08f;margin-top:4px}.start-label{font-size:8px;color:#658457;letter-spacing:.6px}.node-editor .section{border-top:1px solid #e8ece2;padding-top:22px;margin-top:20px}.node-editor h3{font-size:13px}.lang-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:18px 0}.lang-tabs button{padding:8px 13px;border-radius:6px;background:#f4f6ef;font-size:12px;color:#7c8974}.lang-tabs button.active{background:var(--green);color:white}.choice-edit{padding:12px;background:#f7f9f3;border:1px solid #e4e9dc;border-radius:8px;margin-bottom:10px}.choice-edit .field{margin-bottom:10px}.compact{margin-bottom:0!important}.preview-box{padding:16px;position:sticky;top:20px}.preview-box .label{font-size:10px;letter-spacing:1px;text-transform:uppercase}.preview-video{margin-top:16px;border-radius:9px;min-height:190px;background:linear-gradient(145deg,#c5d0b9,#708e78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#f4f7ea;padding:16px;text-align:center}.preview-video p{font-size:10px;margin:0}.preview-box h3{font-size:14px;margin-top:18px;line-height:1.4}.preview-box .preview-text{font-size:11px;color:var(--muted);white-space:pre-wrap;line-height:1.6}.preview-option{border:1px solid #dfe5d6;border-radius:6px;margin-top:7px;padding:9px 10px;font-size:11px;background:#f9fbf5}.preview-box footer{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:10px;color:var(--muted)}details summary{cursor:pointer;font-size:12px;color:var(--green);padding:10px 0}details .hint{margin-bottom:12px}.rules-list{padding:0}.rule-edit{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;margin-bottom:8px}.rule-edit input,.rule-edit select{padding:8px;border:1px solid var(--line);border-radius:6px;min-width:0;width:100%;font-size:11px}.upload-row{display:flex;gap:7px;align-items:flex-start}.upload-row .field{flex:1}.upload-btn{border:1px dashed #ccd8c2;background:#f4f7ef;border-radius:7px;font-size:11px;padding:11px;color:#64785b;cursor:pointer;white-space:nowrap}.upload-btn input{display:none}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-size:10px;color:#8b9584;letter-spacing:.8px;text-transform:uppercase;font-weight:500;padding:14px;border-bottom:1px solid var(--line)}.table td{padding:17px 14px;border-bottom:1px solid #edf0e6;white-space:nowrap}.table tr:last-child td{border-bottom:0}.answer{border-left:2px solid #bbcdb0;padding:1px 0 1px 16px;margin:22px 0}.answer h3{font-size:12px;color:var(--muted)}.answer p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.answer pre{background:#f2f5ed;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.settings-grid .panel h2{font-size:19px}.step-line{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.step-line:last-child{border:0}.step-line strong{font-size:12px;display:block;margin-bottom:5px}.step-line span{font-size:12px;color:var(--muted);line-height:1.6}.step-line .icon{color:#6b8860}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:55px 13%;background:#153e37;color:#f4f5e9;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story .logo{color:#f3f4e9;position:absolute;top:42px;left:12%}.auth-story .mark{background:#d4e2b8;color:#254f3a}.auth-story h1{font-family:Georgia,serif;font-size:58px;font-weight:400;line-height:1.08;letter-spacing:-2px;margin:65px 0 22px;z-index:1}.auth-story p{font-size:14px;color:#b7cbbb;max-width:330px;z-index:1}.auth-story .hero-art{height:215px;background:transparent;flex-shrink:0;margin-top:20px}.auth-story footer{font-size:10px;color:#83a18d;margin-top:35px;letter-spacing:.5px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 30px}.auth-form{width:100%;max-width:365px}.auth-form h2{font-size:30px}.auth-form>p{font-size:13px;color:var(--muted);margin-bottom:26px}.auth-form .btn{width:100%;margin-top:7px}.auth-form .eyebrow{margin-bottom:18px}.auth-form .hint{text-align:center;margin-top:22px}.loading{min-height:60vh;display:grid;place-items:center;font-size:14px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(110px);background:#173f35;color:white;padding:14px 24px;border-radius:9px;font-size:12px;z-index:100;transition:transform .2s;max-width:90vw;box-shadow:0 8px 35px #0002}#toast.show{transform:translateX(-50%) translateY(0)}#toast.error{background:#934a35}dialog{border:1px solid var(--line);border-radius:13px;padding:30px;max-width:600px;width:calc(100% - 32px);color:var(--ink);max-height:85vh;overflow:auto;box-shadow:0 30px 100px #112e2b33}dialog::backdrop{background:#0d282777;backdrop-filter:blur(3px)}dialog h2{font-size:25px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.code-block{font-family:Consolas,monospace;font-size:11px;padding:15px;background:#f0f4eb;border:1px solid var(--line);border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.footer-note{font-size:10px;color:#97a08e;display:flex;justify-content:space-between;margin-top:36px;padding-top:19px;border-top:1px solid var(--line)}.player-body{background:#f3f5ee;min-height:100vh}.player-shell{max-width:950px;margin:0 auto;padding:28px 24px}.player-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.player-brand{font-size:15px;color:var(--ink);font-weight:600}.player-head select{padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:white;max-width:190px;font-size:13px}.player-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #23422b08}.player-content{padding:36px}.player-content h1{font-size:29px;letter-spacing:-.7px;line-height:1.3}.player-content .intro{font-size:15px;color:#6c7d6c;white-space:pre-wrap}.player-media{background:#173e37;aspect-ratio:16/9;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.player-media video,.player-media iframe{width:100%;height:100%;border:0;display:block}.youtube-gate{padding:25px;max-width:470px;color:#e2ecdf;text-align:center;font-size:12px;line-height:1.7}.youtube-gate h3{font-size:18px;color:white}.youtube-gate p{color:#b3c8b6}.youtube-gate .btn{background:#d8e4be;color:#2c4e36}.player-options{display:flex;flex-direction:column;gap:11px;margin-top:25px}.player-options button{display:flex;align-items:center;justify-content:space-between;text-align:start;border:1px solid #d9e2ce;border-radius:9px;padding:17px 19px;background:#f8faf3;color:var(--ink);font-size:14px}.player-options button:hover{border-color:#759b63;background:#eff5e7}.player-text{margin-top:25px}.player-text textarea{font-size:16px;min-height:130px}.player-foot{padding:20px 0;color:#91a087;font-size:10px;display:flex;justify-content:space-between;gap:15px}.player-foot button{background:transparent;color:#6d8062;font-size:11px;text-decoration:underline}.language-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.language-choice{border:1px solid #dce5d1;border-radius:9px;background:#f6f9ef;padding:20px;color:var(--ink);text-align:start;font-size:16px}.language-choice span{display:block;font-size:11px;color:#8e9b82;margin-top:5px}.language-choice:hover{border-color:#6c925b}.player-privacy{white-space:pre-wrap;font-size:12px;color:#73816b;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;overflow-wrap:anywhere}.checkmark{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#e7f1de;color:#5c8247;font-size:25px;margin-bottom:22px}.language-choice[lang=ar]{font-family:Arial,sans-serif}.player-error{margin-top:15px}.player-progress{height:3px;background:#edf1e5}.player-progress span{display:block;width:100%;height:100%;background:#759b61}.answer-meta{font-size:10px;color:#89937e}.mobile-logo{display:none}.translation-warning{font-size:11px;color:#917b45;margin:0 0 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#toast{visibility:hidden}#toast.show{visibility:visible}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}.role-grid>div{background:white;border:1px solid var(--line);border-radius:9px;padding:19px}.role-grid strong{font-size:14px;color:var(--ink)}.role-grid p{font-size:12px;color:var(--muted);margin:10px 0 0}.recovery-page{max-width:520px;margin:60px auto;padding:0 20px}.recovery-page>.logo{justify-content:center;margin-bottom:32px}.recovery-page>.panel{padding:30px}.recovery-page h1{font-size:30px}.recovery-page .btn{white-space:normal}.account-note{font-size:12px;color:var(--muted)}@media(max-width:800px){.sidebar .nav{flex-wrap:wrap}.role-grid{grid-template-columns:1fr}.recovery-page{margin:28px auto}}
.preview-workspace,.integration-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.integration-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.preview-device-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:white}.preview-stage{background:#e5eadd;border:1px solid var(--line);border-radius:0 0 11px 11px;padding:15px;display:flex;justify-content:center}.preview-stage iframe{border:0;border-radius:10px;width:100%;height:1040px;background:#f3f5ee;box-shadow:0 8px 30px #25462d0c}.preview-stage.mobile iframe{max-width:390px;height:844px}.key-card{border:1px solid var(--line);border-radius:8px;padding:17px;margin:14px 0}.key-card strong{font-size:14px}.key-card .hint{margin-top:11px}.test-banner{border:1px solid #e6d9b5;background:#f7f0dd;padding:12px 17px;border-radius:9px;margin-bottom:17px;color:#8b753d;display:flex;gap:8px;flex-direction:column;font-size:11px;line-height:1.5}.test-banner strong{font-size:12px}.test-banner small{font-family:Consolas,monospace;font-size:10px}.preview-box .preview-video:has(video){padding:0;background:#173e37;min-height:0}.preview-box .preview-video:has(video) p{display:none}.api-document{max-width:900px;margin:40px auto;padding:0 24px}.api-document pre{overflow-x:auto;background:#edf2e7;padding:20px;border:1px solid var(--line);border-radius:8px;line-height:1.6;font-size:12px}.api-document h2{margin-top:35px}.api-document li{line-height:1.8;font-size:14px}
@media(max-width:1100px){.preview-workspace,.integration-grid{grid-template-columns:1fr}.preview-workspace>.stack{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:600px){.preview-workspace>.stack{display:flex}.preview-device-bar{flex-wrap:wrap}.preview-stage{padding:6px}.preview-stage iframe{height:960px}.integration-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1550px){.content{padding:42px 55px}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-layout{grid-template-columns:235px minmax(0,1fr) 290px}}
@media(max-width:1200px){.editor-layout{grid-template-columns:190px minmax(0,1fr)}.preview-box{display:none}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px 26px}.topbar{padding:0 26px}.hero h2{font-size:25px}.hero-copy{padding:28px}.shell{grid-template-columns:200px 1fr}.sidebar{padding:30px 15px}}
@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:static;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .logo{margin:0;font-size:21px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar .nav{flex-direction:row;margin-top:17px;gap:4px}.nav button{font-size:11px;padding:9px 11px;gap:7px}.nav button .icon{width:16px}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.company-select{max-width:170px}.content{padding:25px 20px}h1{font-size:29px}.page-title{align-items:flex-start}.hero{grid-template-columns:1.4fr 1fr;min-height:190px}.hero-copy{padding:25px}.hero h2{font-size:24px}.hero p{font-size:11px}.mini-video{width:75px;height:110px}.art-choices span{padding:10px;font-size:9px}.stats{gap:9px;margin-bottom:26px}.stat{padding:14px}.stat .stat-label{font-size:10px}.stat strong{font-size:25px}.stat .icon{display:none}.stat small{display:block;margin:5px 0 0;font-size:9px}.editor-layout{grid-template-columns:1fr}.node-list{display:flex;overflow-x:auto;gap:8px;align-items:center;padding:12px}.node-list-head{display:none}.node-item{min-width:160px;margin:0}.node-list>.btn{min-width:120px}.editor-toolbar{flex-wrap:wrap;gap:15px}.editor-toolbar h1{font-size:25px}.settings-grid{grid-template-columns:1fr}.auth-story{padding:40px 10%}.auth-story h1{font-size:44px}.auth{grid-template-columns:.9fr 1fr}.auth-story .hero-art{display:none}.rule-edit{grid-template-columns:1fr 1fr}.two-col{gap:11px}}
@media(max-width:540px){.hero{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:25px}.hero h2{font-size:26px}.flow-grid{grid-template-columns:1fr}.new-card{min-height:140px}.page-title{flex-wrap:wrap;gap:20px}.section-head{flex-wrap:wrap}.search{width:100%}.auth{display:block}.auth-story{padding:25px 25px 28px}.auth-story .logo{position:static}.auth-story h1{font-size:35px;margin:35px 0 14px}.auth-story p,.auth-story footer{display:none}.auth-form-wrap{padding:35px 25px}.auth-form h2{font-size:26px}.topbar .breadcrumb{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two-col{grid-template-columns:1fr;gap:0}.editor-toolbar .btn{padding:10px 11px;font-size:11px}.node-editor{padding:18px}.player-shell{padding:18px 12px}.player-content{padding:25px 21px}.player-content h1{font-size:25px}.language-choices{grid-template-columns:1fr}.player-head{padding:0 5px}.player-brand{font-size:13px}.player-media:has(.youtube-gate){aspect-ratio:auto;min-height:230px}.footer-note{gap:10px;line-height:1.5}.row.wrap{gap:8px}.upload-row{flex-wrap:wrap}.upload-row .field{flex-basis:100%}.player-options button{font-size:14px}}

/* Structured inputs and companion illustrations */
.form-field-editor{padding:18px;margin:16px 0;border:1px solid #d5ded6;border-radius:10px}.form-field-editor select{width:100%;margin-bottom:16px}.form-field-editor .row{margin:14px 0}.structured-form input[type=text]{width:100%;padding:14px;border:1px solid #b9cbbb;border-radius:8px;font:inherit;box-sizing:border-box;background:#fff;color:#173c32}.structured-form input::placeholder{color:#7d887d}.structured-form textarea::placeholder{color:#7d887d}.structured-field{display:flex;gap:18px;align-items:center;margin:18px 0}.structured-field>.field{flex:1;min-width:0}.field-image{width:84px;height:84px;object-fit:contain}.text-with-image{display:flex;gap:22px;align-items:center;margin:14px 0 24px}.companion-image{width:140px;max-height:150px;object-fit:contain;flex-shrink:0}.text-with-image .intro{margin:0}.multi-options{border:0;padding:0;margin:18px 0}.multi-options legend{font-weight:600;margin-bottom:10px}.multi-options label{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #cad7c9;border-radius:8px;margin:9px 0;cursor:pointer}.multi-options input{width:20px;height:20px;accent-color:#236c56}#retention-form{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:18px 0}#retention-form select{display:block;margin-top:7px;padding:12px;border:1px solid #cad7c9;border-radius:7px}@media(max-width:600px){.text-with-image{align-items:flex-start;flex-direction:column}.companion-image{width:110px}.structured-field{align-items:flex-start}.field-image{width:60px;height:60px}}

.site-footer,.customer-legal-footer{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 24px;font-size:12px;color:#627569;border-top:1px solid #dde5d9;background:#f8faf4}.customer-legal-footer{display:block;text-align:center;border:0;background:transparent;padding:10px 0 28px;line-height:1.8}.legal-page{max-width:940px;margin:40px auto;padding:28px;background:white;border-radius:12px}.legal-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.75}.legal-page h2{font-size:18px;margin:25px 0 8px}.legal-footer{margin-top:45px;border-top:1px solid #dce5d7;padding-top:20px;font-size:13px;line-height:1.9}.site-footer span{white-space:nowrap}@media(max-width:600px){.legal-page{margin:15px;padding:20px}.site-footer{gap:12px;font-size:11px}}

.auth{min-height:calc(100vh -60px)}.site-footer{min-height:60px;box-sizing:border-box}

/* Direct manipulation of draft connections and company video-box catalogue. */
.flow-tools{padding:0 22px 18px}.flow-tools .hint{flex-basis:100%;margin:0}
.flow-node-card{position:absolute;width:250px}.flow-node-card .flow-node{position:relative;width:100%}
.flow-node-tools{display:flex;gap:5px;padding-top:4px;justify-content:space-between}
.flow-node-tools button{border:1px solid #c5d8ca;border-radius:6px;background:#fff;color:#245b4d;padding:5px 9px;font-size:11px;cursor:pointer}
.flow-node-tools button:hover,.flow-node-tools button:focus-visible{background:#e5efdb;outline:2px solid #397b64}
.flow-lines .flow-edge>.flow-edge-hit{stroke:transparent;stroke-width:18;fill:none;pointer-events:stroke;cursor:pointer;stroke-dasharray:none}
.flow-lines .flow-edge>.flow-edge-hit:hover,.flow-lines .flow-edge>.flow-edge-hit:focus{stroke:#388b7155;outline:none;stroke-width:13}
.flow-edge>text{pointer-events:none}.flow-edge>.flow-edge-line{pointer-events:none}
.box-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.box-tabs button[aria-pressed=true]{background:#e6f0df;border-color:#32745e;color:#183f32}
.box-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.box-filters label{font-size:12px}
.box-filters select,#box-edge{width:100%;padding:10px;background:white;border:1px solid #cbd9cc;border-radius:7px;margin-top:6px}
.box-filters .box-video-filter{display:flex;gap:9px;align-items:center}.box-video-filter input{width:18px;height:18px}
.box-results{max-height:330px;overflow:auto;border-block:1px solid #dde5d9;margin:14px 0}.box-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 3px;border-bottom:1px solid #e4e9dd}.box-result:last-child{border:0}.box-result>div{min-width:0;overflow-wrap:anywhere}.box-result strong{font-size:14px}.box-result p{font-size:12px;margin:4px 0;color:#64796e}.box-result small{font-size:11px;color:#64796e}.box-result .btn{flex-shrink:0}
@media(max-width:540px){.box-filters{grid-template-columns:1fr}.box-result{align-items:flex-start;flex-direction:column}.flow-tools{padding:0 14px 14px}}

.flow-panel{border:1px solid var(--line);border-radius:14px;background:#fff;margin:22px 0 28px;overflow:hidden}.flow-heading{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.flow-heading h2{margin-bottom:7px}.flow-heading p{font-size:13px;color:var(--muted);max-width:640px;margin:0}.flow-zoom{display:flex;align-items:center;gap:8px;font-size:12px}.flow-zoom select{padding:8px;border:1px solid var(--line);border-radius:7px;background:white}.flow-viewport{height:520px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-color:#f6f9f5;background-image:radial-gradient(#cedbce 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:contain}.flow-canvas{position:relative;transform-origin:top left}.flow-lines{position:absolute;inset:0;overflow:visible}.flow-edge>path{fill:none;stroke:#bccdc1;stroke-width:2}.flow-edge.selected>path{stroke:var(--green);stroke-width:3}.flow-edge.ai>path{stroke-dasharray:7 5}.flow-edge text{font-size:13px;font-weight:600;fill:#185b4d;paint-order:stroke;stroke:#f6f9f5;stroke-width:7;stroke-linejoin:round}.flow-node{position:absolute;width:250px;height:110px;background:#fff;border:2px solid #cbd9ce;border-radius:12px;display:flex;flex-direction:column;gap:7px;text-align:left;padding:15px;color:var(--ink);box-shadow:0 4px 12px #16372a08}.flow-node small{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#657d6d}.flow-node strong{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-node span{font-size:11px;color:#718175;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node.active{border:3px solid #1d5d50;background:#f6fce9;padding:14px}.flow-node.decision{border-radius:4px 24px 4px 24px;border-color:#5c9f94}.flow-node.ending{background:#e8f0ea}.flow-node.detached{border-style:dashed;opacity:.78}.flow-selected{display:flex;flex-wrap:wrap;gap:10px;padding:17px 22px;align-items:center;font-size:13px}.flow-route{background:#edf4ed;border:1px solid #d6e3d7;color:#204c40;border-radius:8px;padding:10px 13px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;max-width:330px;text-align:left;overflow-wrap:anywhere}.flow-route span{font-size:12px}.flow-route strong{font-size:12px}.flow-diagnostics{padding:12px 22px;border-top:1px solid var(--line);font-size:13px}.flow-diagnostics summary{cursor:pointer}.flow-issue{display:block;background:#fff6e8;color:#725126;padding:10px;border-radius:6px;text-align:left;margin:8px 0;width:100%}.flow-legend{padding:6px 22px 16px;margin:0}.branch-rules{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.branch-rule{border:1px solid #c9dbd2;background:#f8faf5;border-radius:10px;padding:16px;margin-bottom:14px}.branch-rule>label{display:block;margin:12px 0;font-size:13px}.branch-rule>label>select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-top:6px}@media(max-width:700px){.flow-heading{padding:16px}.flow-viewport{height:420px}.flow-selected{padding:14px}.flow-route{width:100%;max-width:none}}
/* Woala 0.15: a brighter workspace, with readable financial and status cues. */
:root{--ink:#243854;--muted:#596b7d;--green:#176b63;--mint:#e6f5ef;--paper:#f5f6fc;--line:#dfe5f0;--orange:#b75230;--shadow:0 10px 32px #343f7810}
body{background:radial-gradient(ellipse at 94% 0,#eee8ff 0,transparent 42%),radial-gradient(ellipse at 4% 85%,#e1f3f0 0,transparent 40%),var(--paper)}
h1{font-weight:700;color:#293953;letter-spacing:-1.15px}h2{font-weight:600;color:#30405b}.content>h1{margin-bottom:14px}.content>h1:before{content:'';display:block;width:48px;height:5px;border-radius:5px;background:linear-gradient(90deg,#7561c9,#2f9d8e);margin-bottom:17px}
.sidebar{background:linear-gradient(165deg,#fff 5%,#f3f0ff 66%,#eaf6f2 100%);border-right-color:#e0def0}.mark{background:linear-gradient(135deg,#3d8e81,#7561c9);box-shadow:0 5px 14px #6554a92b}.nav button{transition:background .16s,color .16s,box-shadow .16s;color:#4f6078}.nav button:hover{background:#fff9;box-shadow:0 2px 8px #4b3b7510}.nav button.active{background:#e9e2fa;color:#493089;box-shadow:inset 3px 0 #7561c9;font-weight:700}.private-note{background:#e7f3ee;border-color:#c9e1d7;color:#335e53}.sidebar-bottom .avatar{background:#e1d9f4;color:#513680}.topbar{background:#ffffffde;border-bottom-color:#e1e5f0;backdrop-filter:blur(12px)}.breadcrumb strong{color:#3c426c;font-weight:700}
.btn{border-radius:11px;background:linear-gradient(135deg,#176b63,#288579);box-shadow:0 4px 10px #176b631a;transition:box-shadow .15s,background .15s,transform .15s}.btn:hover{background:linear-gradient(135deg,#12574f,#1b7267);box-shadow:0 6px 15px #176b6328}.btn.secondary{background:#fff;color:#514780;border-color:#dcd7ec;box-shadow:none}.btn.secondary:hover{background:#f1edfa}.btn.danger{background:#fff0ed;color:#9e352e;box-shadow:none}.btn.ghost{background:transparent;box-shadow:none}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}
.panel{border:1px solid #e0e5f0;border-radius:18px;box-shadow:var(--shadow);background:#fff}.panel:has(#avatar-form){background:linear-gradient(135deg,#fff 60%,#f5f1ff);border-color:#dbd3ef}.panel:has(#wallet-topup){background:linear-gradient(130deg,#fff9ef,#fff);border-color:#f0dfbd}.panel:has(#billing-policy){border-top:4px solid #8170c7}.panel:has(#wallet-grant){border-top:4px solid #36998b}.notice{background:#eef0ff;border-color:#d5d9f3;color:#394d7a;border-radius:13px;padding:15px 18px;line-height:1.6}.notice.error{background:#fff0ef;color:#9a3434;border-color:#ebc5c5}.badge{background:#e5f3ec;color:#276552;border:1px solid #d2e8dc}.badge.draft{background:#fff3d7;color:#795516;border-color:#edd69c}
.hero{background:linear-gradient(120deg,#214d54,#4e4a83);box-shadow:0 12px 35px #474e6c1c}.hero h2{color:white}.hero-art{background:radial-gradient(ellipse at 50% 90%,#b2b8e245,transparent 75%)}.auth-story{background:linear-gradient(150deg,#204f51,#4b4778)}
.wallet-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 26px}.wallet-metric{position:relative;overflow:hidden;padding:25px;border-radius:19px;border:1px solid #d9e4e2;box-shadow:0 8px 25px #2839570b;min-height:142px}.wallet-metric:after{content:'';position:absolute;right:-20px;top:-30px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.06}.wallet-metric h2{font-size:32px;font-weight:700;letter-spacing:-1px;margin:10px 0 5px;color:inherit}.wallet-metric p{margin:0;font-size:13px}.wallet-metric .eyebrow{color:inherit;font-size:10px;letter-spacing:1.1px}.wallet-metric.available{background:linear-gradient(135deg,#dff4e9,#eaf9f4);color:#175b47;border-color:#c2e4d4}.wallet-metric.reserved{background:linear-gradient(135deg,#fff0cf,#fff8e7);color:#73521c;border-color:#eed8a7}.wallet-metric.total{background:linear-gradient(135deg,#e5e4fc,#f1edff);color:#4e3c86;border-color:#d6cff0}
.avatar-job{position:relative;border-left:5px solid #b8bed8;transition:border-color .2s}.avatar-job[data-status=queued]{border-left-color:#8a7ab8}.avatar-job[data-status=starting],.avatar-job[data-status=uploading],.avatar-job[data-status=rendering],.avatar-job[data-status=fetching]{border-left-color:#3b86b4;background:linear-gradient(100deg,#f5fbff,#fff 35%)}.avatar-job[data-status=review],.avatar-job[data-status=approved]{border-left-color:#309b75;background:linear-gradient(100deg,#f3fcf6,#fff 35%)}.avatar-job[data-status=failed],.avatar-job[data-status=stop_pending]{border-left-color:#c36357;background:linear-gradient(100deg,#fff5f2,#fff 35%)}.avatar-job[data-status=stopping]{border-left-color:#c19838}.avatar-job video{border-radius:13px;background:#f0f3f7}.avatar-job>p{font-size:14px}.avatar-job details{border:1px solid #e4e7f0;background:#f7f8fc;border-radius:10px;padding:12px 14px}.avatar-job details summary{cursor:pointer;color:#4b527c;font-size:13px;font-weight:600}.avatar-job>.btn,.avatar-job>a{margin:10px 10px 0 0}
#billing-policy,#wallet-grant,#wallet-topup{display:grid;gap:15px;max-width:720px}#billing-policy label,#wallet-grant label,#wallet-topup label{font-size:13px;color:#46546c}#billing-policy input:not([type=checkbox]),#wallet-grant input,#wallet-grant select,#wallet-topup input{display:block;margin-top:7px;width:100%;padding:12px 13px;border:1px solid #d3dbea;border-radius:10px;background:#fff;color:#263b55;min-height:44px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7661bb;outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:#6d55ad}#wallet-payment-result{color:#176b53;font-weight:600;margin-top:16px}.flow-node.decision{border-color:#8b7ac4}.flow-node.ending{background:#e5f5e9;border-color:#9bcdb0}.flow-node.active{border-color:#7760b6;background:#f4f0ff}.flow-viewport{background-color:#f5f5fc;background-image:radial-gradient(#d3d4e8 1px,transparent 1px)}
@media(max-width:800px){.wallet-metrics{grid-template-columns:1fr;gap:12px}.wallet-metric{min-height:115px;padding:20px}.wallet-metric h2{font-size:29px}.content>h1{font-size:29px}.avatar-job .row{align-items:flex-start;flex-wrap:wrap}.topbar{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.btn,.nav button,.avatar-job{transition:none}}