:root{font-family:Inter,Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183b42;background:#f5f9fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}h1{font-size:27px;line-height:1.35;margin:0 0 10px}h2{font-size:19px;margin:0 0 16px}h3{margin:0}p{line-height:1.65}svg{flex-shrink:0}input,select,textarea{border:1px solid #d6e4e7;border-radius:10px;padding:12px 14px;background:#fff;color:#194149;width:100%;outline-color:#15998f}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:650;margin:12px 0}label input,label textarea,label select{margin-top:7px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 15px;font-weight:650;font-size:13px;white-space:nowrap}.btn.primary{color:#fff;background:#0c958b}.btn.primary:hover{background:#08776e}.btn.subtle{background:#e8f3f3;color:#256064}.btn.danger{background:#fff1f1;color:#b33d45}.buttons{display:flex;gap:10px;flex-wrap:wrap}.icon-button{border:0;background:transparent;display:inline-grid;place-items:center;padding:7px;border-radius:7px;color:#3f6b71}.icon-button:hover{background:#eaf1f1}.muted{color:#789097}.small{font-size:12px}.tiny{font-size:11px}.eyebrow{color:#0a857b;letter-spacing:.11em;font-weight:750;font-size:11px}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:none;background:#fff;border-right:1px solid #e2ebed;padding:23px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 7px 30px}.brand-icon{display:grid;place-items:center;background:#d9f5f0;color:#0a958b;width:40px;height:40px;border-radius:12px}.brand b{font-size:14px;display:block}.brand span{font-size:10px;letter-spacing:.21em;font-weight:800;color:#0d978e}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button,.sidebar-footer button{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#5a737a;border-radius:10px;text-align:left;padding:12px;width:100%;font-weight:600;font-size:13px}.sidebar nav button.active{background:#e3f6f2;color:#087f76}.sidebar nav button:hover,.sidebar-footer button:hover{background:#edf5f5}.sidebar-footer{margin-top:auto;border-top:1px solid #e5edef;padding-top:10px}.main{flex:1;min-width:0}.topbar{height:71px;background:#fff;border-bottom:1px solid #e6eeee;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.breadcrumbs{font-size:12px;color:#8ba1a7;display:flex;align-items:center;gap:8px;min-width:0}.breadcrumbs b{color:#375f65;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.avatar{width:35px;height:35px;background:#daf5f1;color:#16887e;border-radius:50%;display:grid;place-items:center;font-weight:800}.content{max-width:1320px;margin:auto;padding:28px}.hero{background:linear-gradient(115deg,#dbf4f1,#ecf8fc);border:1px solid #d2edeb;border-radius:18px;padding:31px 32px;margin-bottom:20px}.hero h1{margin:10px 0}.hero p{color:#4d7b7d;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{border:1px solid #e3eded;background:#fff;border-radius:15px;padding:19px;display:flex;flex-direction:column;gap:8px;color:#0d968b}.stat strong{font-size:26px;color:#234e55}.stat small{color:#6f8b92}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-card{background:#fff;min-height:170px;display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:11px;padding:19px;border:1px solid #e2ebed;border-radius:14px;color:#244e54}.project-card:hover{border-color:#16aca0;box-shadow:0 4px 20px #17676012}.project-card strong{font-size:14px;line-height:1.5}.project-icon{color:#119c91;background:#e4f7f2;border-radius:12px;padding:11px}.card-bottom{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between}.pill{border-radius:100px;background:#edf5f7;padding:4px 10px;color:#468185;font-size:11px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 26px}.heading-row h1{overflow-wrap:anywhere}.panel{background:#fff;border:1px solid #e0ebec;border-radius:14px;padding:23px;margin-top:22px}.panel h2{display:flex;align-items:center;gap:10px}.document-row{background:#fff;border:0;border-bottom:1px solid #eaf0f1;width:100%;padding:15px 3px;display:flex;align-items:center;gap:16px;color:#275961;text-align:left}.document-row>span{flex:1}.document-row small{display:block;color:#82969d;margin-top:5px}.inline-form{display:flex;gap:9px}.inline-form input{flex:1}.inline-form select{width:145px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eaf0f1;padding:13px 0;overflow-wrap:anywhere}.form-panel{max-width:670px}.connection{background:#eef8f6;padding:13px 15px;border-radius:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#e2f9f5,#f3fbfe)}.auth-card{width:min(100%,430px);padding:34px;background:#fff;border-radius:22px;box-shadow:0 14px 45px #17645b16}.auth-card h1{margin-top:32px}.auth-card p{color:#7b959a}.brand-logo{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:800;color:#2d5f65}.brand-logo svg,.brand-logo em{color:#0c9b90}.brand-logo em{font-style:normal}.auth-card form .btn{width:100%;margin-top:12px}.auth-actions{display:flex;justify-content:space-between;margin-top:20px}.auth-actions button{border:0;background:transparent;color:#0b8b83}.setup{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.toast{position:fixed;bottom:24px;right:24px;max-width:450px;padding:16px 20px;background:#193c42;color:#fff;border-radius:10px;box-shadow:0 6px 30px #0003;z-index:99}.modal-backdrop{position:fixed;inset:0;background:#152f3b80;display:grid;place-items:center;z-index:90;padding:16px}.modal{width:min(550px,100%);max-height:85vh;overflow-y:auto;background:#fff;border-radius:17px;padding:24px;box-shadow:0 20px 75px #0002}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #c9dfdf;border-radius:16px;padding:65px 24px;color:#779095}.workspace{height:100vh;display:flex;flex-direction:column;background:#f0f4f6}.editor-header{display:flex;gap:9px;align-items:center;padding:10px 14px;background:#fff;border-bottom:1px solid #deeaed;flex-wrap:wrap}.title-field{width:min(300px,35vw);font-weight:700;border:0;padding:6px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px 20px;background:#fff;border-bottom:1px solid #e0e9ea}.editor-toolbar button{border:0;border-radius:5px;padding:8px 12px;background:#f0f5f6;color:#3b666a}.editor-layout{display:flex;flex:1;min-height:0}.paper-container{flex:1;min-width:0;overflow:auto;padding:25px 20px}.paper{width:min(800px,100%);min-height:1100px;margin:0 auto;background:#fff;box-shadow:0 2px 18px #36535a1a;padding:65px 68px}.tiptap{min-height:800px;outline:none;line-height:1.8;color:#293e45;overflow-wrap:anywhere}.tiptap h1,.tiptap h2,.tiptap h3{line-height:1.5}.tiptap table{width:100%;border-collapse:collapse}.tiptap table td,.tiptap table th{border:1px solid #81989d;padding:8px;min-width:55px}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aabfc2;pointer-events:none;height:0}.ai-panel{width:350px;flex:none;background:#fff;border-left:1px solid #e1ebed;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:13px}.ai-panel-head{display:flex;gap:9px;align-items:center}.ai-panel-head strong{flex:1}.ai-panel textarea{width:100%;min-height:115px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:0;background:#e9f5f3;color:#327e79;padding:7px 9px;border-radius:100px;font-size:11px}.ai-answer{background:#f4faf9;border:1px solid #d8ebe9;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:12px}.answer-text{white-space:pre-wrap;font-size:13px;line-height:1.7;max-height:360px;overflow:auto}.menu-mobile{display:none}@media(max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paper{padding:42px 40px}.ai-panel{width:315px}}@media(max-width:800px){.sidebar{position:fixed;left:-270px;z-index:50;box-shadow:0 10px 20px #0001;transition:left .2s}.sidebar.open{left:0}.menu-mobile{display:inline-grid}.content{padding:18px}.topbar{padding:0 15px}.hero{padding:22px}.project-grid{grid-template-columns:1fr}.heading-row{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat{padding:12px}.stat strong{font-size:22px}.editor-layout{flex-direction:column}.ai-panel{width:100%;height:47%;border-top:1px solid #d9e5e6}.paper-container{padding:10px}.paper{padding:25px 20px;min-height:750px}.editor-header{gap:5px}.title-field{width:55%;min-width:165px}.inline-form{flex-wrap:wrap}.inline-form select{width:auto}.inline-form .btn{flex:1}}@media print{.editor-header,.editor-toolbar,.ai-panel,.toast{display:none!important}.workspace,.editor-layout,.paper-container{display:block;overflow:visible;height:auto;background:#fff;padding:0}.paper{padding:0;box-shadow:none;width:100%;min-height:0}@page{size:A4;margin:20mm}}.realtime-notice{padding:12px 20px;background:#fff3cd;color:#664d03;font-size:14px}.realtime-notice button{margin-left:12px}@font-face{font-family:Mali;src:url(/fonts/Mali-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mali;src:url(/fonts/Mali-SemiBold.ttf) format("truetype");font-weight:600 900;font-style:normal;font-display:swap}:root{font-family:Mali,system-ui,sans-serif;color:#39334d;background:#faf9fe;font-synthesis:none;--mint:#d9f4e9;--purple:#7961bb;--ink:#39334d;--muted:#716c85}body{background:radial-gradient(ellipse at 85% 10%,#efeaff80,transparent 45%),#faf9fe;font-size:15px;line-height:1.65}h1{font-size:30px;line-height:1.5;letter-spacing:-.025em}h2{font-size:20px}h3{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.eyebrow{font-family:system-ui,sans-serif;font-size:10px;color:#766491;letter-spacing:.17em}button,a,input,select,textarea{transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}.btn{font-size:14px;border-radius:14px;padding:12px 19px;min-height:44px;box-shadow:none}.btn.primary{background:#7961bb;color:#fff;box-shadow:0 5px #654b9c18}.btn.primary:hover{background:#6950a8;transform:translateY(-2px);box-shadow:0 8px 18px #7961bb25}.btn.primary:active{transform:translateY(0)}.btn.subtle{background:#f0ecfa;color:#68529d}.btn.danger{background:#fff0f3;color:#a33857}.icon-button{color:#706587;border-radius:12px}.icon-button:hover{background:#eee9fa}input,select,textarea{border:1px solid #e1dced;border-radius:14px;padding:12px 15px;color:#39334d;background:#fff;line-height:1.55}input:focus,select:focus,textarea:focus{outline:2px solid #9980cc;outline-offset:2px;box-shadow:0 0 0 5px #ab91d318}label{font-size:14px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7961bb;outline-offset:4px}button:disabled{transform:none;box-shadow:none}.auth-page{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,445px);gap:55px;align-items:center;max-width:1300px;margin:auto;padding:42px 50px;background:transparent}.auth-story{min-width:0;position:relative}.story-brand{display:flex;gap:12px;align-items:center;line-height:1.35;font-family:system-ui,sans-serif;font-size:14px;color:#514766}.story-brand b{font-size:10px;letter-spacing:.22em;font-weight:700;color:#786295}.brand-icon{width:49px;height:49px;background:#e2d9fa;color:#7a60ad;border-radius:17px}.story-copy{margin-top:43px;position:relative;z-index:1}.story-copy h1{font-size:53px;line-height:1.38;font-weight:600;margin:16px 0 12px;color:#3c3452}.story-copy h1 em{font-style:normal;color:#7961bb;position:relative}.story-copy h1 em:after{content:"";position:absolute;height:9px;bottom:4px;left:0;right:0;background:#cfece0;z-index:-1;border-radius:100%}.story-copy p{font-size:16px;color:#736984;line-height:1.9}.title-sparkle{color:#eda74d;vertical-align:top;margin:8px 0 0 17px;transform:rotate(-12deg)}.studio-scene{height:260px;position:relative;margin:14px 0 8px;max-width:550px}.scene-orbit{position:absolute;width:290px;height:215px;background:#eee7fd;border-radius:49% 51% 64% 36%/48% 52%;left:75px;top:15px;transform:rotate(-10deg)}.notebook{position:absolute;left:130px;top:9px;width:265px;height:220px;padding:18px 25px;background:#fffefa;border:1px solid #e0d9ee;border-radius:9px 23px 23px 9px;box-shadow:10px 12px #d8cee8a0,0 15px 30px #6c578111;transform:rotate(-7deg);color:#8b72b7}.notebook:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;border-left:1px dashed #d6cde2}.notebook-top{display:flex;gap:5px;margin-bottom:12px}.note-dot{width:5px;height:5px;border-radius:50%;background:#d7cde3}.notebook>svg{position:absolute;right:25px;top:25px;color:#7da99a}.notebook strong{font-size:12px;display:block;color:#71637e;margin-bottom:13px;max-width:155px;font-family:Mali,sans-serif}.note-line{height:5px;width:90%;border-radius:8px;background:#ece7ef;margin-top:10px}.note-line.short{width:64%}.note-highlight{background:#e4f3e9;color:#5c8476;border-radius:11px;padding:10px;display:flex;gap:12px;align-items:center;margin-top:14px;font-size:12px;line-height:1.4}.floating-label{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;border:1px solid #ffffffa0;box-shadow:0 7px 24px #6f638b15;padding:10px 13px;border-radius:12px;font-size:11px;font-weight:600;animation:gentle-float 6s ease-in-out infinite}.label-mint{left:0;top:46px;background:#dbf4e7;color:#407664;transform:rotate(-5deg)}.label-lilac{right:0;bottom:23px;background:#f0e7ff;color:#75529a;animation-delay:-3s}.scene-star{position:absolute;right:36px;top:10px;font-size:49px;line-height:1;color:#e5b360;transform:rotate(10deg)}.story-chips{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#786b89}.story-chips span{display:flex;align-items:center;gap:6px}.auth-card{position:relative;width:100%;padding:35px 34px;background:#fff;border:1px solid #e9e1f1;border-radius:28px;box-shadow:0 18px 60px #5e4b7810;z-index:1}.auth-card:before{content:"";position:absolute;top:-7px;right:31px;width:60px;height:17px;background:#eddbb5aa;transform:rotate(6deg);border-radius:2px}.brand-logo{font-family:system-ui,sans-serif;font-size:16px;color:#554a66}.brand-logo svg,.brand-logo em{color:#8a6bb4}.auth-card .welcome-tag{display:block;color:#87759f;font-size:11px;margin-top:36px}.auth-card h1{margin-top:9px;font-size:25px;letter-spacing:-.035em}.auth-card>p{color:#897c96;font-size:13px;margin-bottom:26px}.auth-card form .btn{margin-top:18px;min-height:48px}.auth-card input{background:#fcfbff;border-color:#e7e1ef}.auth-card label{font-size:13px;color:#62576f;margin-top:17px}.auth-actions{font-size:12px;gap:10px}.auth-actions button{color:#7961bb;padding:7px 0}.auth-actions button:hover{text-decoration:underline}.sidebar{background:#fffefd;width:254px;border-color:#eae4f0;padding:28px 17px}.brand{padding-bottom:34px}.brand b{color:#4b405c;font-family:system-ui,sans-serif;font-size:13px}.brand span{color:#9a82b5;letter-spacing:.2em}.sidebar nav{gap:10px}.sidebar nav button{font-size:14px;padding:13px 14px;color:#7b6c8b;border-radius:15px}.sidebar nav button.active{background:#ede5fa;color:#7753a4;box-shadow:inset 3px 0 #9c7bc2}.sidebar nav button:hover{background:#f4effa}.sidebar-footer button{font-size:13px;color:#82718e}.sidebar-footer{border-color:#eee6f1}.topbar{height:77px;background:#ffffffc9;border-color:#eae4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumbs{color:#93859f}.breadcrumbs b{color:#675675}.avatar{width:39px;height:39px;background:#e9ddf6;color:#795894;border:3px solid white;box-shadow:0 0 0 1px #e7dcee}.content{padding:34px;max-width:1360px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#ebe2fb,#f3edff 52%,#e4f4ec);border:1px solid #e4d8f3;border-radius:27px;padding:34px 35px;margin-bottom:24px}.hero:after{content:"✳";position:absolute;right:60px;top:28px;font-family:system-ui,sans-serif;font-size:150px;line-height:1;color:#b7d9c566;transform:rotate(12deg);pointer-events:none}.hero h1{font-size:32px;color:#57416e;position:relative;z-index:1;margin:18px 0 11px}.hero p{color:#7b678a;position:relative;z-index:1;font-size:14px}.hero .btn{position:relative;z-index:1}.free-badge{display:inline-flex;gap:7px;align-items:center;background:#fffaf0;color:#806838;border:1px solid #f2e4c8;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:600;line-height:1.4}.hero .free-badge{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:.09em;background:#ffffffa8;color:#77608e;border-color:#fff}.stats{gap:18px}.stat{border-color:#eee2ef;border-radius:21px;padding:21px;background:#fff;box-shadow:0 4px 15px #7e599b04;position:relative;overflow:hidden}.stat:nth-child(1){color:#9672bf;background:#fbf8ff}.stat:nth-child(2){color:#cf9565;background:#fffaf3}.stat:nth-child(3){color:#629d87;background:#f4fbf7}.stat svg{width:23px}.stat strong{font-size:29px;color:#554665;font-family:system-ui,sans-serif}.stat small{color:#8b7e98;font-size:12px}.project-grid{gap:20px}.project-card{padding:23px;border-radius:22px;border-color:#eae2ef;min-height:205px;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{border-color:#b196ce;transform:translateY(-5px);box-shadow:0 12px 28px #9274b216}.project-card:nth-child(3n+2) .project-icon{color:#c88b58;background:#fff0de}.project-card:nth-child(3n) .project-icon{color:#609980;background:#e2f3e9}.project-icon{color:#9675b6;background:#eee4fa;border-radius:15px}.project-card strong{font-size:15px;color:#554463}.pill{background:#f0eafa;color:#89709f;font-size:11px}.empty{padding:45px 24px;background:#ffffffc4;border:1px dashed #d9cce5;border-radius:25px;color:#8e7d9c}.empty-icon{display:inline-grid;place-items:center;width:78px;height:78px;background:#eee4fa;color:#9778b7;border-radius:24px;transform:rotate(-6deg);margin-bottom:20px}.empty h3{color:#796187;font-size:17px}.empty p{font-size:13px}.empty .btn{margin-top:7px}.panel{border-color:#eae2ef;border-radius:23px;padding:26px}.panel h2{color:#665171}.document-row{color:#71607f;border-color:#eee7f2;border-radius:10px;padding:15px 9px}.document-row:hover{background:#faf7ff}.free-panel{background:linear-gradient(125deg,#f0eafa,#eef8f2);max-width:780px;border-color:#e2d5ed}.free-panel h2{margin-top:20px}.quota-meter{height:9px;border-radius:20px;background:#dbd2e9;max-width:420px;overflow:hidden;margin-top:24px}.quota-meter span{display:block;height:100%;background:#9272b6;border-radius:20px}.optional-ai summary{display:flex;gap:9px;align-items:center;color:#77618c;cursor:pointer;font-weight:600}.optional-ai summary:after{content:"+";margin-left:auto}.optional-ai[open] summary:after{content:"−"}.check-label{display:flex;gap:8px;align-items:flex-start;font-size:12px}.check-label input{width:18px;min-width:18px;margin:4px 0}.connection{background:#f2edf8;color:#766485;font-size:13px}.workspace{background:#f5f1f9}.editor-header,.editor-toolbar{border-color:#e9e0ef}.editor-toolbar button{background:#f1eaf8;color:#7b6590;border-radius:9px}.paper{border:1px solid #e8e1ed;border-radius:3px;box-shadow:0 7px 30px #73568b0c}.tiptap{font-family:system-ui,Noto Sans Thai,sans-serif;font-size:16px;color:#38323e;line-height:1.9}.ai-panel{background:#fffdfa;border-color:#e8dfed;width:370px;padding:21px;gap:11px}.ai-panel-head{color:#806094}.ai-panel-head strong{font-size:15px}.ai-panel .chips button{background:#efe5f8;color:#806194;font-size:11px;padding:8px 10px;transition:transform .2s}.ai-panel .chips button:hover{transform:translateY(-2px);background:#e7d6f4}.ai-panel label{margin:0}.ai-answer{background:#f4edf9;border-color:#e6d9ee;border-radius:18px;padding:16px}.answer-text{color:#5f4d70;font-size:14px}.toast{background:#665071;border:1px solid #81648f;line-height:1.6;border-radius:17px}.modal{border-radius:25px;color:#5a456b}.modal-backdrop{background:#38264670;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes gentle-float{0%,to{translate:0 0}50%{translate:0 -7px}}@media(min-width:1500px){.auth-page{gap:95px;min-height:100svh}.story-copy h1{font-size:60px}}@media(max-width:1100px){.auth-page{gap:30px;padding:35px;grid-template-columns:minmax(0,1fr) 390px}.story-copy h1{font-size:43px}.notebook{left:90px;width:245px}.floating-label{font-size:10px}.label-mint{left:-6px}.label-lilac{right:-8px}.scene-star{right:0}.content{padding:25px}.hero:after{right:25px;font-size:120px}.ai-panel{width:315px}}@media(max-width:800px){.auth-page{grid-template-columns:1fr;max-width:570px;padding:26px 20px;gap:24px}.auth-story{display:flex;flex-direction:column}.story-brand{font-size:12px}.story-copy{margin-top:23px}.story-copy h1{font-size:37px;line-height:1.4;margin:10px 0}.story-copy h1 br{display:none}.story-copy h1 em{margin-left:10px}.title-sparkle{width:25px;margin-left:10px}.story-copy p{font-size:13px;margin-bottom:0}.story-copy p br,.studio-scene{display:none}.story-chips{gap:11px;font-size:9px;margin-top:12px}.story-chips svg{width:12px}.auth-card{padding:27px 24px;border-radius:25px}.auth-card .welcome-tag{margin-top:24px}.auth-card h1{font-size:23px}.content{padding:20px 16px}.hero{padding:26px 22px;border-radius:23px}.hero h1{font-size:25px}.hero:after{right:10px;top:95px;font-size:90px;color:#c8ddcf66}.hero p{font-size:12px;max-width:85%}.stats{gap:9px}.stat{padding:14px 11px;border-radius:18px}.stat strong{font-size:24px}.stat small{font-size:10px}.panel{padding:21px}.topbar{padding:0 13px;height:65px}.breadcrumbs{font-size:10px}.ai-panel{width:100%;height:49%;padding:17px}.hero .free-badge{font-size:8px}.editor-header .btn{font-size:11px;padding:9px 11px;min-height:38px}.project-card:hover{transform:none}.paper{padding:25px 20px}.free-panel h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff}.paper{border:0;border-radius:0;box-shadow:none}.tiptap{font-family:system-ui,sans-serif}}@font-face{font-family:TH SarabunPSK;src:url(/fonts/THSarabunPSK-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:TH SarabunPSK;src:url(/fonts/THSarabunPSK-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:TH SarabunPSK;src:url(/fonts/THSarabunPSK-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:TH SarabunPSK;src:url(/fonts/THSarabunPSK-BoldItalic.ttf) format("truetype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Mali;src:url(/fonts/Mali-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Mali;src:url(/fonts/Mali-SemiBoldItalic.ttf) format("truetype");font-style:italic;font-weight:600 900;font-display:swap}.tiptap{font-family:TH SarabunPSK,serif;font-size:16pt;line-height:1.5}.tiptap h1{font-size:20pt;font-weight:700}.tiptap h2{font-size:18pt;font-weight:700}.tiptap h3{font-size:16pt;font-weight:700}.tiptap strong{font-weight:700}.format-control{display:flex;gap:7px;align-items:center;margin:0;font-size:11px}.format-control select{width:auto;padding:7px 9px;border-radius:9px;font-size:12px}.editor-toolbar{align-items:center}.editor-toolbar button[aria-pressed=true]{background:#d9c9ef;box-shadow:inset 0 0 0 1px #a68bc7}.document-list-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee7f2}.document-list-item .document-row{border:0;min-width:0}.document-list-item .document-row>span{min-width:0;overflow-wrap:anywhere}.project-card-wrap{position:relative;min-width:0}.project-card-wrap .project-card{width:100%;height:100%;padding-right:45px}.project-delete{position:absolute;right:13px;top:15px;color:#a2546d;background:#fff4f6;min-width:35px;min-height:35px}.project-delete:hover{background:#ffe2eb}.trash-panel summary{cursor:pointer;color:#856d92;font-weight:600}.trash-panel .list-row{font-size:13px}@media(max-width:800px){.editor-toolbar{gap:7px;padding:8px 12px}.format-control:first-child{flex:1}.format-control:first-child select{max-width:205px}.format-control select{min-height:39px}.trash-panel .list-row{flex-wrap:wrap}.document-list-item .btn{padding:9px}}@media print{.tiptap{font-family:TH SarabunPSK,serif;font-size:16pt}.paper{padding:0!important}}.project-files .heading-row{margin:0 0 8px}.project-files h2{margin-bottom:5px}.upload-button{position:relative;overflow:hidden;cursor:pointer}.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.upload-button:focus-within{outline:3px solid #9272b6;outline-offset:3px}.upload-button.disabled{opacity:.6;pointer-events:none}.file-row{display:flex;align-items:center;gap:12px;border-top:1px solid #eee7f2;padding:16px 0;color:#756283}.file-row>div{min-width:0;flex:1}.file-row b{font-size:13px;overflow-wrap:anywhere}.file-row small{display:block;font-size:11px;margin-top:4px}@media(max-width:600px){.file-row{flex-wrap:wrap}.file-row .btn{font-size:11px;padding:9px 12px}.project-files .heading-row{gap:10px}}