:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#262839;background:#f8f9fc;font-synthesis:none;--accent:#6854d9;--muted:#868898;--border:#e9eaf1}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ad9dff;outline-offset:3px}a{color:var(--accent)}button{border:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:10px;background:#fff;border:1px solid var(--border);color:#424457;font-weight:550;line-height:1.2;min-height:43px}.btn:hover{background:#f2f0fc}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 10px #6854d919}.btn.primary:hover{background:#5744c4}.btn.danger{color:#b83f52;background:#fff2f3;border-color:#f2d9de}.btn.small{padding:8px 12px;min-height:36px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;border-radius:9px;width:38px;height:38px;color:#6c6d7d}.icon-btn:hover{background:#f0edf9}.wordmark{display:flex;align-items:center;gap:11px;font-size:30px;font-weight:800;letter-spacing:-1.5px;color:#27273c;text-decoration:none}.wordmark img{width:36px;height:36px}.muted{color:var(--muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#9191a6;font-weight:650}.loading{padding:60px;text-align:center;color:#777}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;padding:20px;background:white}.login-art{border-radius:25px;background:#eeeafa;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:650px}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#bfb6d7 1px,transparent 1px);background-size:22px 22px;opacity:.45}.art-label{position:absolute;left:38px;top:35px;display:flex;align-items:center;gap:8px;font-size:12px;color:#8c80a7;letter-spacing:1px}.art-dot{height:7px;width:7px;background:#9c8bc7;border-radius:50%}.art-board{position:relative;width:440px;height:415px}.art-title{font-size:29px;letter-spacing:-.8px;font-weight:650;position:absolute;top:25px;left:40px;transform:rotate(-4deg)}.art-note{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:24px;font-size:17px;line-height:1.45;width:175px;height:167px;box-shadow:3px 12px 23px #4f3b6010}.art-note span{font-size:12px;opacity:.6}.art-note.one{background:#ffdf84;left:22px;top:104px;transform:rotate(-7deg)}.art-note.two{background:#d1c1ff;right:20px;top:93px;transform:rotate(6deg)}.art-note.three{background:#cde9d6;left:150px;bottom:0;transform:rotate(-2deg)}.art-link{position:absolute;left:63px;bottom:65px;width:70px;height:100px;border-left:2px dashed #9384b2;border-bottom:2px dashed #9384b2;border-radius:0 0 0 35px;transform:rotate(-15deg)}.art-cursor{position:absolute;right:8px;bottom:43px;background:#6854d9;color:white;padding:8px 13px;border-radius:0 10px 10px 10px;font-size:12px;box-shadow:0 4px 10px #6854d930}.art-bottom{position:absolute;bottom:35px;left:38px;font-size:13px;color:#8b80a1}.login-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-box{width:100%;max-width:350px}.login-box .wordmark{margin-bottom:58px}.login-box h1{font-size:30px;letter-spacing:-.8px;margin:0 0 12px}.login-box .intro{font-size:14px;color:#8b8c9a;line-height:1.6;margin-bottom:31px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;font-size:13px;font-weight:550}.field input,.field textarea,.field select{border:1px solid #e3e3ed;border-radius:9px;background:#fff;padding:13px 14px;width:100%;outline:none;color:#33364a;font-weight:400;min-width:0}.field textarea{resize:vertical;min-height:82px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8b78eb;box-shadow:0 0 0 3px #6854d90c}.field small{font-weight:400;color:#8a8b9d;line-height:1.5}.password-wrap{position:relative}.password-wrap input{padding-right:47px}.password-wrap button{position:absolute;right:5px;top:5px;border:0;background:transparent}.login-submit{width:100%;margin-top:5px}.login-footer{font-size:12px;line-height:1.8;color:#9998a8;margin-top:25px}.error{color:#b74252;font-size:13px;line-height:1.5;min-height:0}.error:not(:empty){margin:12px 0;padding:10px 12px;background:#fff0f2;border-radius:8px}.shell{min-height:100dvh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;padding:28px 20px;z-index:20}.sidebar .wordmark{padding-left:8px;margin-bottom:47px}.nav-label{font-size:10px;letter-spacing:1.3px;color:#aaa9b6;margin:0 12px 13px}.nav-btn{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;color:#838395;background:transparent;border-radius:9px;font-size:14px;text-align:left;margin-bottom:5px}.nav-btn.active{background:#f0edfc;color:#6854d9;font-weight:600}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:17px}.profile{display:flex;gap:11px;align-items:center;width:100%;background:transparent;padding:8px 5px;text-align:left;color:inherit}.avatar{display:flex;align-items:center;justify-content:center;width:37px;height:37px;flex-shrink:0;background:#e9e4fb;color:#6c59c0;border-radius:12px;font-size:14px;font-weight:650}.profile-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.profile-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text small{font-size:11px;color:#92909e}.main{grid-column:2;min-width:0}.topbar{height:80px;border-bottom:1px solid var(--border);padding:0 40px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{font-size:13px;color:#8b8b9c;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:500;color:#555567}.top-hint{display:flex;align-items:center;gap:7px;font-size:12px;color:#9695a4}.green-dot{width:6px;height:6px;background:#7dae92;border-radius:50%}.content{padding:44px 42px;max-width:1600px;margin:auto}.content-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.content-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px;font-weight:650}.content-heading p{color:#9693a4;font-size:13px;margin:0;line-height:1.6}.project-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:25px}.search{position:relative;width:280px}.search .icon{position:absolute;left:13px;top:12px;color:#a2a1b0;width:17px}.search input{padding:12px 12px 12px 39px;width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;outline:none;font-size:12px}.sort-label{color:#9b99aa;font-size:12px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:23px}.project-card{background:#fff;border:1px solid #e7e7f0;border-radius:13px;overflow:hidden;transition:transform .15s,box-shadow .15s;position:relative}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #33334a08}.project-open{display:block;background:none;padding:0;width:100%;text-align:left;color:inherit}.project-preview{height:170px;background-color:#f2f1f7;background-image:radial-gradient(#d7d4e1 .7px,transparent .7px);background-size:13px 13px;position:relative;overflow:hidden}.preview-note{position:absolute;width:63px;height:59px;border-radius:1px;box-shadow:0 3px 8px #00000009;padding:12px 8px;font-size:7px;line-height:1.5;color:#797067;display:flex;align-items:center;justify-content:center}.preview-note:nth-child(2){left:16%;top:45px;background:#ffe49b;transform:rotate(-6deg)}.preview-note:nth-child(3){left:42%;top:61px;background:#d9c9fb;transform:rotate(3deg)}.preview-note:nth-child(4){left:67%;top:35px;background:#ceeadf;transform:rotate(-3deg)}.preview-line{position:absolute;border-top:1px dashed #b7b1c8;left:32%;right:18%;top:91px;transform:rotate(-8deg)}.project-info{padding:20px}.project-info h2{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 25px 7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-description{font-size:12px;color:#9793a6;margin:0 0 23px;min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a4a0ae}.mini-avatar{width:23px;height:23px;border-radius:7px;background:#ece7f7;color:#8b7ca8;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.project-menu{position:absolute;right:12px;top:181px;background:transparent;border:0;color:#a6a1b2;width:30px;height:32px}.create-card{border:1.5px dashed #dddaeb;background:transparent;border-radius:13px;min-height:290px;color:#9b94ae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.create-card span:first-child{border:1px solid #e0dbea;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.create-card strong{font-size:13px;font-weight:500}.create-card small{font-size:11px;color:#b0a9bd}.empty-state{border:1px solid var(--border);border-radius:18px;background:#fff;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;position:relative;overflow:hidden}.empty-illustration{display:flex;gap:10px;align-items:center;height:110px;margin-bottom:12px}.empty-illustration span{width:64px;height:70px;border-radius:2px;background:#fce3a2;transform:rotate(-10deg);box-shadow:0 5px 10px #00000005}.empty-illustration span:nth-child(2){background:#dcd0fb;transform:rotate(8deg);margin-top:-20px}.empty-illustration span:nth-child(3){background:#cce8da;transform:rotate(-3deg)}.empty-state h2{font-size:20px;margin:5px 0 10px;font-weight:600}.empty-state p{font-size:13px;color:#9c96aa;line-height:1.7;max-width:375px;margin-bottom:24px}.page-footer{font-size:11px;color:#aaa7b4;text-align:center;margin-top:35px}.users-list{border:1px solid var(--border);border-radius:13px;background:#fff;overflow:hidden}.user-row{display:flex;align-items:center;gap:14px;padding:20px 23px;border-bottom:1px solid var(--border)}.user-row:last-child{border-bottom:0}.user-details{flex:1;min-width:0}.user-details strong{display:block;font-size:14px;margin-bottom:5px}.user-details small{font-size:12px;color:#8d879e}.user-projects{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.badge{font-size:10px;background:#f0edf8;color:#8c80a8;border-radius:5px;padding:4px 7px}.account-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;max-width:560px}.account-card h2{font-size:18px;margin:0 0 25px}.field-divider{margin:23px 0;border:0;border-top:1px solid var(--border)}.mobile-brand{display:none}.board-page{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#f5f5f8}.board-header{height:72px;flex-shrink:0;border-bottom:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px;z-index:25}.board-heading{display:flex;align-items:center;gap:15px;min-width:0}.board-logo{width:34px;height:34px;flex-shrink:0}.board-heading-text{min-width:0}.board-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.save-status{font-size:10px;color:#9c98ab;margin-top:4px;display:flex;align-items:center;gap:5px}.save-status.error-state{color:#bd5664}.board-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.board-host{flex:1;min-height:0;position:relative}.board-status-error{position:absolute;left:50%;transform:translateX(-50%);top:85px;padding:12px 17px;border-radius:10px;background:#fff1e6;border:1px solid #f2d7ba;font-size:12px;z-index:30;display:flex;gap:10px;align-items:center;max-width:90vw}.board-status-error button{background:white;border:1px solid #d9c4b3;border-radius:5px;padding:5px;font-size:11px;color:#805c40}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:10px}.dialog-head h2{font-size:21px;letter-spacing:-.4px;margin:0;font-weight:650}.dialog-body p{font-size:13px;line-height:1.65;color:#8b869a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions .danger{margin-right:auto}dialog{border:1px solid #e6e0f0;border-radius:18px;padding:28px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;color:#303044;box-shadow:0 30px 100px #28213b30}dialog::backdrop{background:#28213b55;backdrop-filter:blur(3px)}.checkbox-list{border:1px solid var(--border);border-radius:8px;padding:7px;max-height:180px;overflow:auto}.check{display:flex;align-items:center;gap:9px;padding:10px 8px;font-size:13px;font-weight:400;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0;padding:0}.color-options{display:flex;gap:10px}.color-choice{border:2px solid transparent;border-radius:50%;height:28px;width:28px}.color-choice.selected{outline:2px solid #7460d5;outline-offset:3px}.credentials{padding:18px;background:#f7f5fc;border:1px solid #e9e2f5;border-radius:10px}.credential-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:9px 0;font-size:13px}.credential-row span{color:#9590a1}.credential-row code{font-size:15px;color:#4a3e68;overflow-wrap:anywhere}.credentials-help{font-size:12px!important}.copy-full{width:100%;margin-top:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#353045;color:#fff;padding:13px 20px;border-radius:10px;max-width:90vw;z-index:200;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.login-art{min-height:800px}.art-board{transform:scale(1.15)}}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.sidebar{width:190px;padding:25px 13px}.content{padding:32px 25px}.topbar{padding:0 25px}.login-side{padding:35px}.art-board{transform:scale(.8)}.login-art{min-height:600px}.art-label,.art-bottom{left:25px}.board-actions .btn{padding:9px 12px}}@media(max-width:700px){.login-page{display:block;padding:0;min-height:100dvh;background:#fff}.login-art{display:none}.login-side{padding:45px 28px;min-height:100dvh;align-items:center}.login-box{max-width:390px}.login-box .wordmark{margin-bottom:55px}.shell{display:block;padding-bottom:77px}.sidebar{width:100%;height:69px;top:auto;bottom:0;padding:5px 13px;flex-direction:row;border-right:0;border-top:1px solid var(--border);align-items:center;justify-content:space-around;padding-bottom:max(5px,env(safe-area-inset-bottom))}.sidebar .wordmark,.nav-label,.sidebar-bottom .profile-text,.sidebar-bottom .profile>.icon{display:none}.sidebar nav{display:flex;flex:1;justify-content:space-around}.nav-btn{flex-direction:column;gap:4px;font-size:10px;width:84px;margin:0;padding:7px 6px;border-radius:8px}.nav-btn .icon{width:19px;height:19px}.sidebar-bottom{border:0;padding:0;margin:0;min-width:65px;display:flex;justify-content:center}.profile{padding:8px;width:auto}.avatar{width:32px;height:32px;border-radius:10px}.main{width:100%}.topbar{height:68px;padding:0 22px}.mobile-brand{display:flex;font-size:25px;gap:8px}.mobile-brand img{width:30px;height:30px}.breadcrumb{display:none}.top-hint{font-size:10px}.content{padding:29px 20px}.content-heading{align-items:flex-start;margin-bottom:28px;gap:10px}.content-heading h1{font-size:26px}.content-heading p{font-size:12px;max-width:220px}.content-heading>.btn{padding:11px;font-size:12px}.content-heading>.btn span{display:none}.project-controls{gap:10px}.search{width:100%}.sort-label{white-space:nowrap;font-size:10px}.projects-grid{grid-template-columns:1fr;gap:19px}.project-preview{height:180px}.project-menu{top:191px}.create-card{min-height:155px}.empty-state{min-height:380px;padding:25px 20px}.empty-state p{font-size:12px}.page-footer{font-size:10px}.account-card{padding:23px 19px}.user-row{padding:17px 14px;gap:10px}.user-details strong{font-size:13px}.user-details small{font-size:11px}.board-header{height:66px;padding:0 10px;gap:8px}.board-heading{gap:8px;flex:1}.board-logo{display:none}.board-title{font-size:13px;max-width:calc(100vw - 200px)}.board-actions{gap:5px}.board-actions .btn{padding:8px;min-height:36px;font-size:11px;gap:5px}.board-actions .btn .icon{width:16px;height:16px}.board-actions .btn.admin-members span{display:none}.board-header .icon-btn{width:32px;height:34px}.board-status-error{top:75px;flex-wrap:wrap;width:90vw}dialog{padding:23px}.dialog-head h2{font-size:20px}.dialog-actions{flex-wrap:wrap}}

.paste-hint{display:flex;flex-direction:column;gap:9px;margin:0 0 16px;padding:12px 14px;border:1px solid #ead9b8;background:#fff9ec;border-radius:9px;font-size:12px;line-height:1.5;color:#795e30}.paste-hint[hidden]{display:none}.paste-hint button{align-self:flex-start;padding:6px 9px;border-radius:6px;border:1px solid #ddcda9;background:#fff;color:#795e30;font-size:12px;font-weight:600}