@font-face{font-family:RewireInter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:RewirePretendard;src:url('/fonts/pretendardvariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.rewired{--rw-ink:#222136;--rw-muted:#807e93;--rw-accent:#4b43ee;--rw-line:#e5e3ee;--rw-paper:#faf9fd;font-family:RewireInter,RewirePretendard,sans-serif;color:var(--rw-ink)}
.rewired,.rewired *{box-sizing:border-box}
.rewired a{color:inherit;text-decoration:none}
.rewired button,.rewired input,.rewired select{font-family:inherit}
.rewired button:focus-visible,.rewired a:focus-visible{outline:3px solid #9a91ff;outline-offset:3px}
.rewired .appbar{height:64px;padding:0 30px;gap:24px;background:#fff;border-color:var(--rw-line)}
.rewired .brand{gap:10px;flex:none;letter-spacing:-1px;white-space:nowrap}
.rewired .brand-symbol{width:34px;height:34px;display:block;flex:none}
.rewired .brand-wordmark{font-size:24px;font-weight:780;color:var(--rw-ink);letter-spacing:-1.2px}
.rewired .brand-wordmark>span{color:var(--rw-accent)}
.rewired .brand-descriptor{font-size:9px;font-weight:500;letter-spacing:0;color:var(--rw-muted);border-left:1px solid var(--rw-line);padding-left:12px;margin-left:3px;line-height:1.4;max-width:50px;white-space:normal}
.rewired .app-actions{gap:5px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.rewired .text-button{font-size:11px;color:#77748b;padding:9px 10px;border-radius:6px}
.rewired .text-button:hover{background:#f1efff;color:var(--rw-accent)}
.rewired #add{background:var(--rw-accent);color:#fff;padding:10px 15px;font-weight:600;margin-right:8px}
.rewired #logout{border-left:1px solid var(--rw-line);border-radius:0;margin-left:5px;padding-left:16px}
.rewired .primary{background:var(--rw-accent);border:1px solid var(--rw-accent);color:white;border-radius:8px;font-weight:600;box-shadow:0 5px 12px #4b43ee15}
.rewired .primary:hover{background:#3831cd;border-color:#3831cd}
/* Home is a separate surface. The actual canvas and its background remain untouched. */
.rewired .empty{position:absolute;inset:64px 0 0;transform:none;width:auto;max-width:none;padding:30px max(40px,calc((100vw - 1200px)/2));background:var(--rw-paper);color:var(--rw-ink);text-align:left;overflow:auto;display:flex;flex-direction:column}
.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#9894ac;flex:none}
.hero-topline>span:first-child{display:flex;align-items:center;gap:8px;color:#67637c}
.hero-topline i,.demo-output-note i{display:inline-block;width:5px;height:5px;background:var(--rw-accent);border-radius:50%;margin-right:5px}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center;flex:1;min-height:560px;padding:48px 0 44px}
.rewired .hero-copy .eyebrow{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--rw-accent);margin:0 0 24px}
.rewired .empty h1{font-size:clamp(46px,4.5vw,68px);font-weight:650;line-height:1.09;letter-spacing:-3.8px;margin:0 0 24px;color:#232037}
.rewired .empty h1 em{font-style:normal;color:var(--rw-accent)}
.hero-tagline{font-size:15px;line-height:1.6;color:#58546d;margin:0 0 22px;letter-spacing:-.25px}
.hero-description{font-size:13px;line-height:1.9;color:#898599;margin:0 0 30px}
.rewired .empty .primary{display:flex;align-items:center;gap:48px;min-height:50px;font-size:13px;padding:14px 20px;letter-spacing:0}
.rewired .empty .primary span{font-size:19px;font-weight:400}
.rewired .empty-note{margin-top:13px;font-size:10px;color:#9b96aa}
.rewire-demo{position:relative;padding:18px 0 20px;transform:rotate(-2deg)}
.demo-label{display:flex;justify-content:space-between;color:#9993b2;font-size:9px;letter-spacing:1.4px;padding:0 3px 10px}
.demo-url{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1ddec;border-radius:10px;padding:17px 19px;box-shadow:0 7px 15px #30266d06;font-size:12px;color:#767087}
.demo-url>span:last-child{margin-left:auto;color:#9892ab;font-size:17px}.demo-globe{font-size:20px;color:var(--rw-accent)}
.demo-flow{height:105px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column}
.demo-flow .brand-symbol{width:40px;height:40px;box-shadow:0 5px 15px #4b43ee22;z-index:1}
.flow-line{width:1px;height:32px;background:#cfc9ed}
.demo-chip{position:absolute;left:calc(50% + 34px);top:44px;font-size:8px;letter-spacing:1.4px;color:#8e85bb}
.demo-output{background:#fff;border:1px solid #dcd6ee;border-radius:12px;box-shadow:0 22px 48px #4537800c;overflow:hidden;position:relative;z-index:1}
.demo-browser{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#f5f3fb;border-bottom:1px solid #eeeaf6;color:#9189a4;font-size:8px}.browser-dots{font-size:7px;color:#c7c0d9;letter-spacing:3px}
.demo-wire{padding:20px 23px 22px}.wire-nav{display:flex;align-items:center;gap:10px;height:12px;margin-bottom:27px}.wire-nav b{display:block;width:42px;height:10px;background:#d0c9e4;margin-right:auto}.wire-nav span{width:24px;height:4px;background:#e0dbea}
.wire-hero{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:center}.wire-hero i{display:block;height:10px;background:#d0c9e4;margin-bottom:9px;width:100%;border-radius:2px}.wire-hero i:nth-child(2){width:85%}.wire-hero i:nth-child(3){width:57%;height:4px;background:#e6e1ee;margin-top:14px}.wire-hero b{display:block;width:55px;height:19px;background:#dfff91;margin-top:20px;border-radius:3px}.wire-image{height:115px;border:1px solid #d9d3e6;background:linear-gradient(35deg,transparent 49.5%,#ddd6ec 50%,transparent 50.5%),linear-gradient(-35deg,transparent 49.5%,#ddd6ec 50%,transparent 50.5%),#f5f3f9;display:grid;place-items:center}.wire-image span{display:grid;place-items:center;background:#f5f3f9;border:1px solid #ddd6ec;color:#b6accf;width:25px;height:25px;border-radius:50%;font-size:12px}
.wire-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.wire-cards>div{height:62px;border:1px solid #e5e0ee;background:#f7f5fb;position:relative}.wire-cards>div::after{content:'';position:absolute;height:3px;left:8px;right:25px;bottom:10px;background:#dcd5ea}
.demo-output-note{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeaf6;padding:12px 14px;font-size:6px;letter-spacing:1px;color:#aaa2bc}.demo-output-note i{width:4px;height:4px}
.demo-float{position:absolute;z-index:2;right:-20px;bottom:-1px;padding:13px 20px;background:#dfff91;border:1px solid #d1ee9a;box-shadow:0 8px 15px #30266d08;border-radius:7px;font-size:11px;font-family:monospace;transform:rotate(5deg);color:#424d2e}.demo-float span{margin:0 12px}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 6px;border-top:1px solid var(--rw-line);flex:none}.hero-bottom p{font-size:11px;color:#928da4;line-height:1.6;margin:0}.hero-bottom strong{color:#565169;font-weight:500}.hero-bottom>div{display:flex;align-items:center;gap:20px;font-size:10px;color:#777086}.hero-bottom b{font-size:9px;font-weight:500;color:#b6afc9;margin-right:6px}.process-line{width:40px;height:1px;background:#dfd9e9}.hero-bottom-note{font-size:7px;letter-spacing:1px;color:#a49cb6}
/* Service controls only: this stylesheet is not copied into the Figma iframe. */
.rewired dialog{border-color:var(--rw-line);border-radius:16px;color:var(--rw-ink);box-shadow:0 24px 100px #21194a22}
.rewired dialog::backdrop{background:#25203c66;backdrop-filter:blur(5px)}
.rewired .dialog-icon{background:transparent}.rewired .dialog-icon .brand-symbol{width:40px;height:40px}
.rewired .dialog-heading+.eyebrow{color:var(--rw-accent)}
.rewired .eyebrow{color:var(--rw-accent)}
.rewired .dialog-description,.rewired .dialog-footnote{color:#918b9f}
.rewired #url{border-color:#ded9e9;background:#faf9fd;color:var(--rw-ink)}
.rewired #url:focus{border-color:#9c94fb;box-shadow:0 0 0 3px #efedff}
.rewired #url::placeholder{color:#b3adbf}
.rewired .import-options{color:#746d86}.rewired .import-options .checkbox input,.rewired .list-actions input,.rewired .page-list-row>input{accent-color:var(--rw-accent)}
.rewired .import-options .limit{border-color:var(--rw-line)}.rewired .limit select{border-color:var(--rw-line);color:#69617c}
.rewired .import-help{background:#f5f3fb;color:#8c839f;border:1px solid #eeebf5}
.rewired .pages-panel{background:#fdfcff;border-color:#e9e3f3;border-radius:13px;box-shadow:0 8px 30px #21194a14;color:var(--rw-ink)}
.rewired .pages-panel .panel-top{color:#48405d}.rewired .pages-panel .panel-top span:last-child{background:#eeebff;color:var(--rw-accent)}
.rewired .page-group-heading{color:#9184af;letter-spacing:.7px;font-size:9px}
.rewired .page-link span{color:#5b526d}.rewired .page-link small{color:#a49bb3}.rewired .page-link:hover{background:#f5f2fc}.rewired .page-link.active{background:#eeebff}.rewired .page-link.active span{color:var(--rw-accent)}
.rewired .list-actions{color:#8d83a0}.rewired .list-actions button{background:#faf8ff;border-color:#e6e0f0;color:#76618a}.rewired .pages-resize:hover,.rewired .pages-panel.resizing .pages-resize{background:#aaa0ff44}
.rewired #page-list{scrollbar-color:#c8c0df transparent}.rewired #page-list::-webkit-scrollbar-thumb{background:#c8c0df;border-color:#fdfcff}
.rewired .notice,.rewired .status{background:#fdfcff;border:1px solid var(--rw-line);color:#675a7b;box-shadow:0 8px 30px #21194a14}.rewired .spinner{border-color:#e9e3f7;border-top-color:var(--rw-accent)}
/* Login shares the same mark and palette, without depending on the app shell. */
.rewired-login{margin:0;min-height:100dvh;background:#f6f5fb;display:grid;place-items:center;padding:48px 32px}
.login-layout{width:100%;max-width:1060px;display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.login-story .brand{display:flex;align-items:center;gap:12px}.login-story .brand-wordmark{font-size:30px}.login-story .brand-symbol{width:42px;height:42px}.login-story h1{font-size:54px;line-height:1.1;font-weight:650;letter-spacing:-3px;margin:60px 0 20px}.login-story h1 em{font-style:normal;color:var(--rw-accent)}.login-story p{font-size:13px;line-height:1.9;color:#8b829e}.login-story .login-tagline{font-size:15px;color:#686078;letter-spacing:-.3px}.login-story-foot{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:9px;letter-spacing:1.2px;color:#9e94b2}.login-story-foot i{display:block;background:#dfff91;width:24px;height:6px;border-radius:2px}
.rewired-login .card{padding:36px;border:1px solid #e6e0ef;border-radius:16px;background:white;box-shadow:0 16px 44px #47377a06;min-width:0}.login-kicker{font-size:9px;letter-spacing:1.5px;color:var(--rw-accent);margin:0 0 22px;font-weight:600}.rewired-login h2{font-size:24px;letter-spacing:-1px;margin:0 0 10px;font-weight:650}.rewired-login .intro{font-size:12px;line-height:1.8;color:#9b93aa;margin:0 0 26px}.rewired-login label{display:block;font-size:11px;font-weight:600;color:#71667e;margin:18px 0 9px}.rewired-login input{width:100%;height:47px;border:1px solid #ded8e9;border-radius:7px;padding:0 12px;background:#fbfafe;font-size:14px;color:var(--rw-ink);outline:none}.rewired-login input:focus{border-color:#aaa0ff;box-shadow:0 0 0 3px #f0edff}.rewired-login button{width:100%;height:47px;margin-top:24px;border:0;border-radius:7px;background:var(--rw-accent);color:white;font-size:13px;font-weight:600;cursor:pointer}.rewired-login button:hover{background:#3831cd}.rewired-login button:disabled{opacity:.6;cursor:wait}.rewired-login .note{text-align:center;font-size:10px;line-height:1.8;color:#aaa0b9;margin:18px 0 0}.rewired-login .error{font-size:12px;color:#b74b64;line-height:1.6}.rewired-login [hidden]{display:none!important}
@media(min-width:1600px){.hero-grid{gap:100px}.rewired .empty h1{font-size:72px}}
@media(max-width:1100px){.rewired .brand-descriptor{display:none}.rewired .appbar{padding:0 20px;gap:16px}.hero-grid{gap:36px}.rewired .empty{padding:24px 36px}.rewired .empty h1{font-size:49px;letter-spacing:-2.8px}.hero-bottom-note{display:none}.login-layout{gap:50px}}
@media(max-width:760px){.rewired .empty{padding:22px 25px}.hero-topline>span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:20px;padding:38px 0;min-height:0}.rewired .empty h1{font-size:48px;letter-spacing:-2.7px}.hero-description{font-size:12px}.hero-tagline{font-size:13px}.rewire-demo{max-width:430px;width:100%;margin:0 auto;padding-top:20px}.demo-flow{height:80px}.hero-bottom{align-items:flex-start;padding-bottom:20px}.hero-bottom>div{flex-wrap:wrap;gap:12px}.process-line{width:18px}.hero-bottom p{display:none}.rewired .brand-wordmark{font-size:21px}.rewired .brand-symbol{width:29px;height:29px}.rewired .app-actions{gap:0}.rewired .text-button{font-size:10px;padding:8px}.rewired #add{padding:9px 11px}.rewired .appbar{gap:16px;padding:0 16px}.login-layout{grid-template-columns:1fr;max-width:400px;gap:30px}.login-story h1,.login-story p,.login-story-foot{display:none}.login-story .brand{justify-content:center}.rewired-login{padding:28px 20px}.rewired-login .card{padding:28px}.rewired .hero-copy .eyebrow{font-size:10px}.demo-float{right:-5px}.hero-description .desktop-break{display:none}}

.rewired #export-figma{color:var(--rw-accent)}
.render-settings{border:0;margin:22px 0 0;padding:0;min-width:0}
.render-settings legend{font-size:11px;font-weight:600;padding:0;margin-bottom:12px}
.device-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.device-option{position:relative;cursor:pointer;min-width:0}
.device-option input{position:absolute;opacity:0;width:1px;height:1px}
.device-option span{display:block;text-align:center;border:2px solid transparent;border-radius:20px;padding:7px 2px;color:#918b9f;font-size:12px}
.device-option input:checked+span{border-color:var(--rw-accent);background:#eeebff;color:var(--rw-accent);font-weight:600}
.device-option input:focus-visible+span{outline:2px solid var(--rw-accent);outline-offset:3px}
.render-preview{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f5f3fb;border-radius:10px;margin-top:12px;padding:18px 12px;color:#80758f}
.render-preview svg{width:24px;height:24px;color:#5e5373}
.render-preview strong{font-size:25px;letter-spacing:-.6px;color:var(--rw-ink);font-weight:650}
.render-preview>span,.render-note{font-size:10px;line-height:1.6}
.render-note{color:#918b9f;margin:8px 0 0}
/* Keep the rotated preview clear of the workflow labels on shorter screens. */
.hero-grid{flex:1 0 auto;min-height:640px}
.rewire-demo{margin-bottom:22px}
.hero-bottom{position:relative;gap:20px}
.hero-bottom>div{flex-wrap:wrap;row-gap:12px;color:#625a76}
.hero-bottom b{color:#8e83a5}
.hero-bottom-note{color:#8e83a5;white-space:nowrap}
@media(max-width:1100px){.hero-bottom>div{gap:14px}.process-line{width:28px}}
@media(max-width:760px){.hero-grid{min-height:0;flex:1 0 auto}.rewire-demo{margin-bottom:18px}.hero-bottom>div{gap:12px}.process-line{width:18px}}

/* Mobile navigation uses one set of live action buttons inside a native modal. */
.rewired .service-menu-toggle{display:none}
.rewired dialog.mobile-service-menu{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px max(24px,env(safe-area-inset-left)) max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;background:var(--rw-paper);color:var(--rw-ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
.rewired .mobile-service-menu[open]{display:flex;flex-direction:column}
.rewired .mobile-service-menu::backdrop{background:var(--rw-paper);backdrop-filter:none}
.rewired .service-menu-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}
.rewired .service-menu-close{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid var(--rw-line);background:transparent;border-radius:8px;color:var(--rw-ink);font-size:36px;line-height:1;padding:0}
.rewired #service-menu-title{font-size:11px;letter-spacing:1px;font-weight:500;color:var(--rw-muted);margin:0 0 24px}
.rewired .mobile-service-menu .app-actions{display:flex;flex-direction:column;align-items:stretch;gap:0;white-space:normal;overflow:visible;width:100%}
.rewired .mobile-service-menu .text-button{display:block;width:100%;min-height:56px;text-align:left;padding:17px 0;border:0;border-bottom:1px solid var(--rw-line);border-radius:0;font-size:19px;line-height:1.4;color:var(--rw-ink);white-space:normal}
.rewired .mobile-service-menu .text-button:disabled{opacity:.35;cursor:default}
.rewired .mobile-service-menu #add{background:var(--rw-accent);color:#fff;padding:17px 20px;margin:0 0 12px;border-radius:8px;font-size:21px}
.rewired .mobile-service-menu #logout{border-left:0;margin-left:0;padding-left:0}
.rewired .mobile-service-menu #mbtdm-home{margin-top:18px;border-bottom:0;color:var(--rw-accent)}
.rewired .service-menu-foot{margin-top:auto;padding-top:40px;font-size:12px;color:var(--rw-muted);line-height:1.7}
@media(max-width:1100px){.rewired .appbar{justify-content:space-between}.rewired .appbar>.app-actions{display:none}.rewired .service-menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--rw-line);border-radius:8px;background:#fff;color:var(--rw-ink);font-size:12px;flex:none}.service-hamburger{display:flex;flex-direction:column;gap:4px;width:19px}.service-hamburger>i{display:block;width:19px;height:1.5px;background:currentColor}}
@media(max-height:600px){.rewired .service-menu-top{margin-bottom:18px}.rewired .mobile-service-menu .text-button{min-height:46px;padding-block:12px;font-size:17px}}

.rewired .service-menu-close svg{display:block;width:22px;height:22px;flex:none}

/* Match the overlay header to the page header so the brand and toggle stay fixed. */
.rewired dialog.mobile-service-menu{padding:0 0 max(28px,env(safe-area-inset-bottom))}
.rewired .service-menu-top{flex:none;margin-bottom:34px;min-height:64px}
.rewired #service-menu-items,.rewired .service-menu-foot{margin-left:24px;margin-right:24px}
.rewired .service-menu-close{width:44px;height:44px;background:#fff}
@media(max-width:1100px){.rewired .service-menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0}}
@media(max-height:600px){.rewired .service-menu-top{margin-bottom:18px}}