*{box-sizing:border-box}body{color:#152949;background:#edf2fa;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100vh}.page{width:min(1100px,100% - 40px);margin:24px auto}.landing-page{color:#102348;width:min(1120px,100% - 40px);margin:28px auto 56px}.site-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:56px;display:flex}.brand{align-items:center;gap:8px;font-weight:700;display:flex}.brand-dot{background:radial-gradient(circle at 30% 30%,#79b0ff,#2f65f5);border-radius:999px;width:12px;height:12px}.site-nav nav{gap:22px;display:flex}.site-nav nav a{color:#314f7f;font-weight:500;text-decoration:none}.hero{text-align:center;margin-bottom:38px}.hero h1{letter-spacing:-.02em;max-width:840px;margin:0 auto 14px;font-size:clamp(32px,5vw,56px);line-height:1.05}.eyebrow{color:#2d64f1;background:#e5edff;border:1px solid #c8d9ff;border-radius:999px;margin:0 0 10px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-copy{color:#465f8f;max-width:760px;margin:0 auto;font-size:clamp(16px,2vw,20px)}.hero-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.product-preview{background:#fff;border:1px solid #d7e1f1;border-radius:18px;grid-template-columns:230px 1fr;display:grid;overflow:hidden;box-shadow:0 16px 36px #1d396a1a}.preview-sidebar{background:#f8fbff;border-right:1px solid #e3ebfa;padding:16px}.preview-sidebar h3{color:#5b719a;margin:0 0 10px;font-size:14px}.preview-sidebar ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preview-sidebar li{background:#fff;border:1px solid #dce6fa;border-radius:8px;padding:8px 10px;font-size:14px}.preview-sidebar li.active{color:#123270;border-color:#2d64f1}.preview-canvas{background-image:linear-gradient(#ebeff8 1px,#0000 1px),linear-gradient(90deg,#ebeff8 1px,#0000 1px);background-size:28px 28px;min-height:280px;padding:20px;position:relative}.preview-node{background:#fff;border:1px solid #d6e0f5;border-radius:10px;padding:8px 12px;font-size:14px;position:absolute}.preview-node:first-child{top:28px;left:28px}.preview-node:nth-child(2){top:90px;left:220px}.preview-node:nth-child(3){top:44px;right:42px}.preview-chat{color:#f2f7ff;background:#17223a;border-radius:12px;padding:12px 14px;font-size:13px;position:absolute;bottom:20px;right:24px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.feature-grid article{background:#fff;border:1px solid #d7e1f1;border-radius:14px;padding:18px}.feature-grid h2{margin:0 0 8px;font-size:20px}.feature-grid p{color:#536b93;margin:0}.workflow,.cta{background:#fff;border:1px solid #d7e1f1;border-radius:14px;margin-top:22px;padding:22px}.workflow h2,.cta h2{margin:0 0 12px;font-size:28px}.workflow ol{color:#4f6891;margin:0;padding-left:20px}.workflow li+li{margin-top:8px}.cta p{color:#536b93;margin:0 0 16px}.login-page{place-items:center;min-height:calc(100vh - 48px);display:grid}.card{background:#fff;border:1px solid #d8e2f3;border-radius:14px;padding:18px;box-shadow:0 8px 24px #142d5c0f}.login-card{width:min(460px,100%)}.login-card h1{margin:0 0 8px}.login-card p{color:#4f6690;margin:0 0 14px}.login-back-top{align-items:center;margin:0 0 10px;display:inline-flex}.stack{flex-direction:column;gap:10px;display:flex}.test-user-button{color:#204585;cursor:pointer;background:#fff;border:1px solid #bbcdf0;border-radius:10px;width:100%;margin-top:12px;padding:10px 14px;font-weight:600}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.top-bar h1{margin:0}.row-form{gap:10px;display:flex}input{border:1px solid #c6d4ee;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.file-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.file-list li{border:1px solid #e1e9f8;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.file-list p{color:#59729f;margin:3px 0 0;font-size:13px}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none}.primary-button{color:#fff;background:#2d64f1}.secondary-button{color:#204585;background:#fff;border-color:#bbcdf0}.ghost-button{color:#274472;background:#f8fbff;border-color:#cfddf3}.ghost-button:disabled{opacity:.55;cursor:not-allowed}.link-button{display:inline-block}.actions{align-items:center;gap:10px;display:flex}.muted{color:#5a719c;margin:4px 0 0}.canvas{height:calc(100vh - 130px);padding:0;overflow:hidden}.canvas-grid{background-color:#fcfdff;background-image:linear-gradient(#ebeff8 1px,#0000 1px),linear-gradient(90deg,#ebeff8 1px,#0000 1px);background-size:28px 28px;width:100%;height:100%}.text-link{color:#2d64f1;text-decoration:none}@media (width<=700px){.top-bar,.row-form,.actions,.file-list li,.hero-actions{flex-direction:column;align-items:stretch}.site-nav nav{display:none}.product-preview{grid-template-columns:1fr}.preview-sidebar{border-bottom:1px solid #e3ebfa;border-right:none}.feature-grid{grid-template-columns:1fr}}.dashboard-page{width:min(1240px,100% - 48px);margin:24px auto}.drive-topbar{background:#fff;border:1px solid #dbe5f5;border-radius:14px;grid-template-columns:220px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.drive-brand{color:#1a3766;align-items:center;gap:8px;display:flex}.drive-search input{background:#f4f8ff;border-color:#d5e2f7}.drive-top-actions{align-items:center;gap:8px;display:flex}.drive-layout{grid-template-columns:240px 1fr;gap:14px;margin-top:14px;display:grid}.drive-sidebar{background:#fff;border:1px solid #dbe5f5;border-radius:14px;height:fit-content;padding:14px}.drive-new-form{flex-direction:column;gap:8px;display:flex}.drive-new-button{width:100%}.drive-nav{flex-direction:column;gap:4px;margin-top:14px;display:flex}.drive-nav button{text-align:left;color:#355889;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-weight:500}.drive-nav button.active,.drive-nav button:hover{color:#214577;background:#edf4ff}.drive-content{background:#fff;border:1px solid #dbe5f5;border-radius:14px;padding:12px}.drive-content-header{justify-content:space-between;align-items:center;padding:6px 4px 12px;display:flex}.drive-content-header h1{margin:0;font-size:24px}.drive-content-header span{color:#5b77a3;font-size:13px}.drive-table-wrap{border:1px solid #e2eaf8;border-radius:12px;overflow:hidden}.drive-table-head,.drive-row{grid-template-columns:2fr 1fr;align-items:center;gap:10px;display:grid}.drive-table-head{color:#4f6e9e;text-transform:uppercase;letter-spacing:.03em;background:#f7faff;padding:10px 12px;font-size:12px}.drive-table-body{margin:0;padding:0;list-style:none}.drive-row{border-top:1px solid #edf2fb;padding:12px}.drive-row:first-child{border-top:none}.drive-row:hover{background:#fafcff}.drive-row.clickable{cursor:pointer}.file-name{color:#1e3c6d;font-weight:600}.file-id{color:#5c759e;font-size:13px}.account-shell{width:min(1120px,100% - 40px);margin:28px auto}.account-header{background:#fff;border:1px solid #dbe5f5;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.account-eyebrow{color:#2f64f3;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:12px;font-weight:600}.account-header h1{margin:0}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.account-card{flex-direction:column;gap:12px;display:flex}.account-card h2{margin:0 0 6px}.account-card p{color:#5c739b;margin:0}.account-field{flex-direction:column;gap:6px;display:flex}.account-field label{color:#5f77a1;font-size:12px}.account-meta{color:#4d6691;font-weight:500}.account-stat-row{border:1px solid #e2eaf8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.account-stat-row strong{color:#1f3f72;font-size:14px;display:block}.account-stat-row span{color:#5e759e;font-size:13px}.account-card.wide{grid-column:1/-1}.danger-button{color:#a53a46;cursor:pointer;background:#fff5f6;border:1px solid #efc7cc;border-radius:10px;padding:10px 14px;font-weight:600}.how-it-works-page{width:min(1120px,100% - 40px);margin:28px auto}.how-topbar{background:#fff;border:1px solid #dbe5f5;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.how-topbar h1{margin:0 0 8px}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.how-card{flex-direction:column;gap:10px;display:flex}.how-card h2{margin:0}.how-card ul,.how-card ol{gap:8px;margin:0;padding-left:20px;display:grid}.how-card li p{color:#5d759d;margin:4px 0 0;font-size:13px}.how-card.wide{grid-column:1/-1}.laws-list li{color:#334f7d}.design-studio{background:#f4f7fc;flex-direction:column;height:100vh;display:flex}.studio-header{background:#fff;border-bottom:1px solid #d6e0f2;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:10px 16px;display:flex}.studio-left,.studio-right{align-items:center;gap:10px;display:flex}.studio-menu{align-items:center;gap:2px;display:flex}.studio-title-input{color:#17345f;background:#f8fbff;border:1px solid #d5e1f4;border-radius:8px;width:clamp(180px,24vw,280px);padding:9px 11px;font-size:14px;font-weight:600}.menu-dropdown{position:relative}.menu-dropdown>summary{cursor:pointer;color:#27466f;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:14px;font-weight:550;list-style:none}.menu-dropdown>summary::-webkit-details-marker{display:none}.menu-dropdown[open]>summary,.menu-dropdown>summary:hover{background:#f3f7ff;border-color:#dde7f8}.menu-dropdown ul{z-index:20;background:#fff;border:1px solid #d8e3f5;border-radius:12px;min-width:190px;margin:8px 0 0;padding:8px;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 16px 32px #122b5424}.menu-dropdown li{color:#1f3f72;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.2}.menu-dropdown li:hover{background:#edf4ff}.menu-link{color:inherit;text-decoration:none;display:block}.studio-right{justify-content:flex-end}.studio-right .secondary-button,.studio-right .primary-button{padding:8px 13px;font-size:14px}.studio-body{flex:1;min-height:0;display:block}.studio-canvas-wrap{height:100%;padding:0}.studio-canvas{background-color:#fff;background-image:linear-gradient(#eaf0fa 1px,#0000 1px),linear-gradient(90deg,#eaf0fa 1px,#0000 1px);background-size:28px 28px;border:1px solid #dbe5f7;border-radius:14px;width:100%;height:100%}.image-gen-page{background:#1b1c22;flex-direction:column;height:100vh;display:flex}.image-gen-header{background:#0d0e12f2;border-bottom:1px solid #2b2b2f;justify-content:space-between;align-items:center;height:48px;padding:8px 12px;display:flex}.image-gen-title{color:#f2f4fb;font-size:16px;font-weight:600}.image-gen-header-actions{align-items:center;gap:8px;display:flex}.image-gen-canvas{touch-action:none;background:radial-gradient(circle at 30% 30%,#2f3444,#1d202c 60%,#171922) 50%/cover no-repeat;flex:1;position:relative}.image-placeholder{text-align:center;color:#d1d6e8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-placeholder p{margin:0 0 4px;font-weight:600}.image-placeholder span{color:#a7b1ca;font-size:13px}.image-history-rail{z-index:2;flex-direction:column;gap:8px;width:108px;padding:0;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:visible}.image-history-list{flex-direction:column;gap:8px;max-height:100%;display:flex;overflow:auto}.history-thumb{cursor:pointer;background:#0a0c12cc;border:1px solid #ffffff29;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 8px 18px #0000006b}.history-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.history-thumb.active{border-color:#8cb3ff;box-shadow:0 0 0 2px #7ea8ff59,0 12px 24px #00000080}.image-settings-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#070a129e;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.image-settings-modal-card{background:#101623;border:1px solid #344261;border-radius:14px;flex-direction:column;width:min(1240px,100%);height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 30px 60px #00000073}.image-bom-modal{z-index:6;background:#080b1285;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.image-bom-card{background:#111827;border:1px solid #334562;border-radius:14px;gap:12px;width:min(980px,100%);max-height:min(760px,100%);padding:14px;display:grid;overflow:auto;box-shadow:0 30px 60px #0006}.bom-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.bom-header h3{color:#edf2ff;margin:0 0 4px}.bom-header p{color:#a4b4d5;margin:0;font-size:13px}.bom-status{color:#c2d7ff;margin:0;font-size:13px}.bom-error{color:#ff9ba5;margin:0;font-size:13px}.bom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bom-grid section,.bom-notes{background:#161f32;border:1px solid #344463;border-radius:12px;padding:10px}.bom-grid h4,.bom-notes h4{color:#e5edff;margin:0 0 10px;font-size:14px}.bom-grid ul,.bom-notes ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bom-grid li{border:1px solid #3a4a69;border-radius:10px;gap:3px;padding:8px 9px;display:grid}.bom-grid li strong{color:#ecf2ff;font-size:13px}.bom-grid li span{color:#acc1e9;font-size:12px}.bom-grid li p{color:#bdcbe7;margin:0;font-size:12px}.bom-notes li{color:#b8c6e2;font-size:13px;line-height:1.35}.bom-grid .empty,.bom-notes .empty{color:#93a5cc}.settings-modal-topbar{border-bottom:1px solid #2f3b57;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-modal-topbar h2{color:#f2f6ff;margin:0 0 4px;font-size:18px}.settings-modal-topbar p{color:#a7b6d4;margin:0;font-size:13px}.settings-node-map{background-color:#0f1522;background-image:linear-gradient(#53689133 1px,#0000 1px),linear-gradient(90deg,#53689133 1px,#0000 1px);background-size:32px 32px;flex:1;position:relative;overflow:hidden}.settings-node-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.settings-node-lines line{stroke:#3c4d74;stroke-width:1.6px}.settings-node{background:#171f31;border:1px solid #32405d;border-radius:12px;width:220px;min-height:126px;position:absolute;overflow:hidden;box-shadow:0 10px 22px #0000004d}.settings-node.settings-node-profile{width:260px;min-height:128px}.settings-node.settings-node-custom{width:340px;min-height:220px}.settings-node.enabled{border-color:#5b7ec7}.settings-node.disabled{opacity:.72}.settings-node-handle{color:#e8efff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#202b42;padding:8px 10px;font-size:13px;font-weight:600}.settings-node-body{gap:8px;padding:9px 10px 10px;display:grid}.settings-node-body p{color:#bac8e7;margin:0;font-size:12px;line-height:1.35}.settings-node-body label{color:#d4e0fa;align-items:center;gap:8px;font-size:12px;display:inline-flex}.settings-node-body input[type=checkbox]{accent-color:#7ea8ff;width:auto}.settings-node-custom textarea{color:#e8efff;resize:none;background:#111828;border:1px solid #3a4a6b;border-radius:10px;width:100%;min-height:132px;padding:8px 10px}.profile-options{gap:6px;display:grid}.profile-options button{color:#d9e5ff;text-align:left;cursor:pointer;background:#151d2e;border:1px solid #394969;border-radius:8px;padding:7px 8px;font-size:12px}.profile-options button.active{background:#22355e;border-color:#7ea8ff}.state-pills{flex-wrap:wrap;gap:6px;display:flex}.profile-options button.state{border-radius:999px;padding:4px 9px;font-size:11px}.strict-toggle{color:#d5e2ff;align-items:center;gap:8px;font-size:12px;display:inline-flex}.strict-toggle input{accent-color:#7ea8ff;width:auto}.image-chat-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#11141ee6;border:1px solid #2f3a56;border-radius:14px;flex-direction:column;width:min(350px,100% - 190px);max-height:min(76vh,620px);display:flex;position:absolute;top:88px;left:24px;overflow:hidden;box-shadow:0 20px 40px #00000061}.image-chat-drag{color:#f3f6ff;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#0c0e16eb;border-bottom:1px solid #323d58;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.image-chat-drag span{color:#9fb0d2;font-size:12px}.image-chat-messages{flex-direction:column;flex:1;gap:8px;min-height:96px;padding:12px;display:flex;overflow:auto}.image-chat-messages p{border-radius:10px;max-width:90%;margin:0;padding:8px 10px;font-size:13px;line-height:1.35}.image-chat-messages p.user{color:#f4f8ff;background:#3f5d9d;align-self:flex-end}.image-chat-messages p.assistant{color:#dae3fb;background:#222b3f;align-self:flex-start}.image-chat-messages p.pending{background:#29344d;align-items:center;gap:8px;display:inline-flex}.dot-loader{background:#9fc2ff;border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite pulse-dot}.image-chat-compose{border-top:1px solid #323d58;flex-shrink:0;gap:8px;padding:10px 12px 12px;display:grid}.image-chat-input-row{align-items:stretch;gap:8px;display:flex}.image-chat-compose textarea{color:#ecf1ff;resize:none;background:#0b0d15d1;border:1px solid #384462;border-radius:10px;flex:1;width:100%;min-height:44px;max-height:120px;padding:10px 11px;font-family:inherit;font-size:16px;line-height:1.35;overflow-y:auto}.image-chat-actions{flex-direction:column;gap:8px;width:110px;display:flex}.image-send-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2f66f4;border:1px solid #4d6fb8;border-radius:10px;height:36px;padding:0 10px;font-weight:600}.image-random-button{color:#dae6ff;cursor:pointer;white-space:nowrap;background:#1a2a44;border:1px solid #40577f;border-radius:10px;height:36px;padding:0 10px;font-weight:600}.image-random-button:disabled{opacity:.65;cursor:not-allowed}.image-attach-button{color:#d5e1fb;cursor:pointer;white-space:nowrap;background:#1b2436;border:1px solid #46587d;border-radius:10px;height:36px;padding:0 10px;font-weight:600}.image-attach-button:disabled{opacity:.65;cursor:not-allowed}.image-attachment-preview-row{flex-wrap:wrap;gap:8px;margin:0;display:flex}.image-attachment-tile{position:relative}.image-attachment-preview{object-fit:cover;border:1px solid #4f648d;border-radius:8px;width:68px;height:68px;box-shadow:0 8px 20px #04081259}.image-attachment-remove{color:#f5f8ff;cursor:pointer;background:#131b2d;border:1px solid #3d4c6e;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px}.image-attachment-remove:disabled{opacity:.65;cursor:not-allowed}.hidden-file-input{display:none}.image-send-button:disabled{opacity:.65;cursor:not-allowed}.image-error{color:#ff9ba5;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:0;font-size:13px;line-height:1.35}@keyframes pulse-dot{0%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.35;transform:scale(.9)}}@media (width<=1100px){.drive-topbar,.drive-layout{grid-template-columns:1fr}.account-header{flex-direction:column;align-items:stretch}.drive-table-head,.drive-row{grid-template-columns:1fr;align-items:start}.account-grid{grid-template-columns:1fr}.how-topbar{flex-direction:column;align-items:stretch}.how-grid{grid-template-columns:1fr}.studio-header{flex-direction:column;align-items:stretch;height:auto;padding:8px}.studio-left,.studio-right{flex-wrap:wrap}.image-chat-box{width:min(340px,100% - 124px);top:70px;left:12px}.image-settings-modal{padding:10px}.image-settings-modal-card{height:min(720px,100%)}.bom-grid{grid-template-columns:1fr}.image-history-rail{width:92px}}