@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#222635;--muted:#8991a3;--line:#e7e9f0;--violet:#594ff0;--pale:#f4f5fc;--card:#fff;--paper:#eef0f8;--radius:17px;font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f8f9fc}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7a73ed;outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.side{width:246px;flex:0 0 246px;background:#fff;border-right:1px solid var(--line);position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;padding:28px 18px;z-index:8}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:35px;color:#23233b}.mark{font-weight:900;font-size:21px;display:grid;place-items:center;color:white;width:38px;height:38px;background:var(--violet);border-radius:11px;letter-spacing:-1px}.brand b{font-size:16px;letter-spacing:-.5px}.brand small{display:block;color:#9aa2b0;font-size:10px;letter-spacing:2px;font-weight:700;margin-top:1px}.menu-title{text-transform:uppercase;letter-spacing:1.4px;color:#a6acba;font-weight:700;font-size:10px;padding:14px 13px}.side button{border:0;background:transparent;border-radius:10px;text-align:left;color:#586076;padding:12px 13px;display:flex;align-items:center;gap:12px;font-weight:600;width:100%;margin:2px 0}.side button.active,.side button:hover{background:#eeefff;color:#4d49db}.side .dot{width:8px;height:8px;border:2px solid #a8a8b9;border-radius:50%}.side button.active .dot{background:var(--violet);border-color:var(--violet)}.side-bottom{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafafe}.side-bottom b{font-size:12px}.side-bottom p{font-size:11px;line-height:1.6;color:#7e8699}.pill{display:inline-flex;font-size:10px;letter-spacing:.2px;padding:5px 9px;border-radius:20px;background:#f0efff;color:#514bd5;font-weight:700}.workspace{min-width:0;flex:1}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);gap:14px}.topbar .crumb{display:flex;align-items:center;gap:12px}.topbar .crumb small{color:#a1a7b1}.topbar-actions{display:flex;align-items:center;gap:12px}.avatar{width:35px;height:35px;background:#dcdefd;border-radius:50%;display:grid;place-items:center;color:#5550ca;font-weight:800}.search{border:1px solid var(--line);background:#f8f9fb;border-radius:9px;padding:10px 13px;min-width:225px}.search::placeholder{color:#9da4b2}.ghost,.btn,.subtle{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.ghost:hover,.subtle:hover{background:#f4f4ff;border-color:#bab8f9}.btn{background:var(--violet);border-color:var(--violet);color:#fff}.btn:hover{background:#4940dd}.btn.light{background:#eeefff;border-color:#eeefff;color:#524cdf}.mini{padding:7px 11px;font-size:11px}.content{padding:35px 40px 80px;max-width:1480px;margin:auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:15px}.eyebrow{font-weight:800;letter-spacing:2.1px;font-size:10px;text-transform:uppercase;color:#7770f0}.welcome h1{font-size:32px;letter-spacing:-1.5px;margin:9px 0 7px}.welcome p{margin:0;font-size:13px;color:#8a91a2}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 17px}.section-heading h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-heading small{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-tile{border:1px solid var(--line);border-radius:16px;background:white;padding:18px;text-align:left;display:flex;align-items:center;gap:13px;transition:box-shadow .2s,border .2s}.category-tile:hover,.category-tile.selected{border-color:#aca8f8;box-shadow:0 8px 23px #3c39a70d}.category-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:#eae8ff}.category-tile:nth-child(2) .category-ico{background:#fff0ed}.category-tile:nth-child(3) .category-ico{background:#edf7e9}.category-tile:nth-child(4) .category-ico{background:#eaf5fa}.category-tile:nth-child(5) .category-ico{background:#fff5df}.category-tile:nth-child(6) .category-ico{background:#f1edf4}.category-tile b{font-size:13px;display:block}.category-tile small{color:#929bad;font-size:10px;margin-top:4px;display:block}.category-tile .arrow{margin-left:auto;color:#b8bfce}.tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 20px}.tab{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:white;color:#8790a0;font-size:12px}.tab.active{background:var(--ink);border-color:var(--ink);color:white}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.design-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left}.design-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #30345216}.design-thumb{height:175px;display:grid;place-items:center;background:#f0f1f5;overflow:hidden;position:relative}.design-thumb svg{max-height:100%;max-width:100%}.design-thumb strong{font-size:28px;color:#292f3c}.card-meta{padding:15px 15px 17px}.card-meta b{display:block;font-size:12px;margin-bottom:8px}.card-meta small{display:block;color:#9ba3b1;font-size:11px}.card-meta .tag{font-size:9px;background:#eeeefa;color:#6a5cdc;padding:4px 7px;border-radius:5px;float:right}.notice{border-radius:13px;padding:13px 16px;background:#fbf4e7;color:#946c33;font-size:12px;margin-bottom:21px;line-height:1.6}.empty{color:#949baa;background:white;border:1px dashed #dadde8;border-radius:16px;padding:40px;text-align:center;grid-column:1/-1}.editor-shell{height:calc(100vh - 72px);min-height:710px;display:flex;flex-direction:column;background:#eff0f6}.edit-topbar{height:72px;display:flex;align-items:center;gap:10px;background:white;padding:0 22px;border-bottom:1px solid var(--line);flex:0 0 72px}.edit-topbar input.title{border:0;padding:10px;width:220px;font-weight:700;font-size:15px;background:transparent}.edit-topbar .spacer{flex:1}.edit-topbar select{max-width:180px;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:12px;background:#fff}.editor-body{display:flex;flex:1;min-height:0}.tools-pane{width:208px;flex:0 0 208px;background:#fff;border-right:1px solid var(--line);padding:17px 13px;overflow:auto}.tools-pane h3,.inspector h3{font-size:13px;margin:0 0 16px}.tools-pane p{font-size:11px;color:#8d95a5;line-height:1.65}.tools-pane button{width:100%;border:1px solid #ececf2;border-radius:10px;padding:11px 10px;margin:4px 0;background:white;text-align:left;font-size:12px}.tools-pane button:hover{background:#eeefff;border-color:#cbc9fd}.tools-pane .preset-chip{font-size:10px;background:#f3f2fd;color:#514bd8;border-radius:5px;padding:3px 6px}.tools-pane input[type=file]{font-size:11px;max-width:100%}.stage{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:35px 26px 60px;background-color:#eff0f6;background-image:radial-gradient(#d6d9e5 .7px,transparent .7px);background-size:16px 16px}.canvas-header{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:780px;color:#727b8a;font-size:12px;margin-bottom:16px}.drawing-board{background:#fff;box-shadow:0 16px 50px #32375325;line-height:0;max-width:100%;user-select:none}.drawing-board svg{display:block;max-width:100%;height:auto;touch-action:none;cursor:default}.drawing-board svg [data-element-id]{cursor:move}.stage-bottom{margin:18px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.stage-bottom button{font-size:11px;border-radius:7px;padding:8px 11px;background:white;border:1px solid #daddE5}.stage-bottom button.current{background:var(--violet);color:white}.inspector{width:254px;flex:0 0 254px;background:#fff;border-left:1px solid var(--line);padding:21px 16px;overflow:auto}.field{display:block;margin:10px 0 13px;font-size:11px;color:#81899b;font-weight:700}.field input,.field textarea,.field select{display:block;width:100%;margin-top:6px;border:1px solid #e4e6ee;border-radius:8px;background:#fff;padding:9px;font-size:12px}.field textarea{resize:vertical;min-height:74px}.field input[type=color]{height:39px;padding:3px}.fields-row{display:flex;gap:7px}.fields-row .field{min-width:0;flex:1}.divider{border-top:1px solid #ebecf2;margin:20px 0}.layer{display:flex;align-items:center;gap:6px;justify-content:space-between;border:1px solid #eceef3;border-radius:9px;padding:7px;margin-bottom:5px}.layer small{max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer.active{background:#eeeffe;border-color:#bdbeff}.layer button{border:0;background:transparent;font-size:12px;padding:3px}.toolbar-icon{display:flex;gap:5px;flex-wrap:wrap}.toolbar-icon button{border:1px solid #e3e4ef;background:#fff;border-radius:7px;padding:9px;font-size:12px}.toolbar-icon button:hover{background:#f0efff}.status{font-size:10px;color:#a0a6b3;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-paper{background:white;width:640px;max-width:100%;min-height:700px;box-shadow:0 16px 50px #32375325;padding:48px;box-sizing:border-box;font-size:15px;line-height:1.7}.page-paper.book{width:596px;min-height:842px}.page-paper[data-paper=A4]{width:720px;min-height:1018px}.page-paper h1{font-size:2.3em;line-height:1.25}.page-paper h2{font-size:1.6em;line-height:1.3}.page-paper p{margin:1em 0}.page-paper blockquote{border-left:3px solid #8f8bdf;padding-left:15px;color:#666}.page-paper table{border-collapse:collapse;width:100%}.page-paper td,.page-paper th{border:1px solid #ddd;padding:6px}.page-paper img{max-width:100%;height:auto}.rich-editor{min-height:500px;outline:none;overflow-wrap:anywhere}.rich-editor:focus{outline:1px dotted #bebbf5}.modal-overlay{position:fixed;inset:0;background:#171a2e8a;z-index:30;display:flex;justify-content:center;align-items:center;padding:15px}.modal{width:430px;max-width:100%;padding:26px;background:white;border-radius:17px;box-shadow:0 18px 70px #171a2e55}.modal h2{margin:0 0 18px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.toast{position:fixed;bottom:22px;right:25px;z-index:50;background:#24243f;color:white;padding:13px 18px;border-radius:11px;font-size:12px;box-shadow:0 12px 30px #2223}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#646ca1}.spinner{width:30px;height:30px;border:3px solid #dedcf8;border-top-color:#605ae4;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1220px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-pane{width:172px;flex-basis:172px}.inspector{width:220px;flex-basis:220px}.topbar{padding:0 22px}}@media(max-width:950px){.side{width:75px;flex-basis:75px;padding:16px 8px}.brand{justify-content:center;padding:0}.brand b,.brand small,.side button span,.side .menu-title,.side-bottom{display:none}.side button{justify-content:center}.content{padding:25px}.editor-body{flex-wrap:wrap}.stage{order:1;flex-basis:calc(100% - 220px)}.tools-pane{order:0}.inspector{order:2;width:100%;flex-basis:100%;max-height:280px;display:block}.edit-topbar{flex-wrap:wrap;height:auto;padding:10px;min-height:72px}.editor-shell{height:auto;min-height:100vh}}@media(max-width:650px){.side{display:none}.content{padding:18px}.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 14px}.search{min-width:110px;width:150px}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:25px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-tile{padding:12px;gap:9px}.category-ico{width:34px;height:34px;font-size:15px}.category-tile b{font-size:11px}.category-tile small{display:none}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.design-thumb{height:130px}.editor-body{display:block}.tools-pane{width:100%;display:flex;flex-wrap:wrap;gap:5px;max-height:180px}.tools-pane h3{flex-basis:100%;margin-bottom:2px}.tools-pane button{width:auto;flex:1;min-width:100px;margin:0}.stage{padding:18px 10px 27px}.inspector{width:100%;max-height:none}.edit-topbar{gap:6px}.edit-topbar input.title{width:145px}.edit-topbar select{max-width:135px}.page-paper{padding:25px;min-height:550px}}
@media print{.side,.topbar,.edit-topbar,.tools-pane,.inspector,.canvas-header,.stage-bottom,.notice,.toast{display:none!important}.app-shell,.workspace,.editor-shell,.editor-body,.stage{display:block!important;background:white!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important}.page-paper{box-shadow:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:15mm!important;break-after:page}.page-paper:last-of-type{break-after:auto}.rich-editor{outline:none!important;min-height:0!important}@page{size:A5;margin:0}}

/* Design Studio v0.2 — multilingual font catalog and evidence-aware upload */
.font-modal{width:min(850px,96vw);max-height:min(92vh,900px);overflow:auto}
.font-modal h2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.font-modal h2 small{font-size:12px;font-weight:400;color:#717d90}
.font-help{font-size:12px;color:#6e7686;line-height:1.7;background:#f6f7fc;padding:12px 14px;border-radius:9px}
.font-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.font-tabs button.selected{background:#ecebff;border-color:#7770e6;color:#4941c2;font-weight:700}
#font-search{display:block;width:100%;padding:10px 12px;border:1px solid #dfe0ed;border-radius:9px;margin-bottom:12px}
.font-list{max-height:315px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-right:4px}
.font-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e7e7f2;border-radius:10px;padding:10px 12px;min-width:0}
.font-tile b{display:block;font-size:13px}
.font-tile small{display:block;color:#818b99;font-size:10px;margin-top:5px;line-height:1.35}
.font-tile-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;align-items:end}
.font-tile-actions a{color:#6460c3;text-decoration:underline;font-size:10px}
.font-upload{margin-top:15px;padding:14px;background:#f9fafc;border:1px solid #ececf2;border-radius:12px}
.font-upload summary{cursor:pointer;font-size:13px;font-weight:700;color:#43456a}
.font-upload .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;padding-top:10px}
.font-upload .field input[type=file]{font-size:10px;padding:7px}
.license-check{display:flex;align-items:start;gap:8px;font-size:11px;color:#5c6473;line-height:1.65;margin:12px 0}
.license-check input{margin-top:3px}
@media(max-width:650px){.font-list,.font-upload .field-grid{grid-template-columns:1fr}.font-modal{padding:18px}.font-tile{gap:4px}}
.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:350px;overflow-y:auto}
.material-card{background:#fff;border:1px solid #e8eaf1;border-radius:11px;overflow:hidden;min-width:0}
.material-card img{display:block;object-fit:contain;background:#e9e9ef;width:100%;height:100px}
.material-card>div{padding:7px 10px}.material-card b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-card small{font-size:10px;color:#8a94a4;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.material-actions{display:flex;gap:5px}.material-actions button{flex:1;font-size:10px}
@media(max-width:650px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* M31 Studio — bright creative workspace */
@font-face{font-family:StudioThai;src:url('/fonts/notosansthai/NotoSansThai[wdth,wght].ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#202329;--muted:#697078;--line:#ecece7;--violet:#ffcf24;--pale:#fff8d9;--paper:#f4f4ef;--radius:20px;font-family:'DM Sans','Noto Sans KR','Noto Sans Thai',StudioThai,sans-serif}
html,body{background:#fffdf8}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #23786b;outline-offset:3px}
.side{width:224px;flex-basis:224px;padding:26px 16px;background:#fffdf8;border-right:1px solid #eceae1}.brand{margin-bottom:28px}.mark{background:#ffcf24;color:#202329;border-radius:12px;transform:rotate(-7deg);box-shadow:3px 3px 0 #202329}.brand b{letter-spacing:-.7px}.brand small{color:#6e746f}.side button{color:#535c58;padding:12px 14px;border-radius:12px}.side button.active,.side button:hover{background:#ffec8d;color:#252c24}.side .dot{border-color:#75816f}.side button.active .dot{background:#26372c;border-color:#26372c}.menu-title{color:#73816f}.side-bottom{background:#e6f6ec;border:0;border-radius:18px}.side-bottom p{color:#4a6355}.pill{background:#fff0aa;color:#4b420a}
.topbar{height:80px;padding:0 32px;border-bottom:1px solid #eeeee8}.topbar-actions{gap:8px;flex-wrap:wrap}.language-select{border:1px solid #e2e4dc;border-radius:22px;padding:9px 12px;background:#fff;font-weight:600;max-width:125px;font-size:12px}.search{background:#f4f5ef;border:0;border-radius:24px;min-width:160px;max-width:190px}.avatar{background:#ffdabf;color:#653920}.ghost,.subtle{border-radius:24px;color:#3a443e;border-color:#e3e6dd}.ghost:hover,.subtle:hover{background:#fff4c3;border-color:#edc844}.btn{background:#ffcf24;border-color:#ffcf24;color:#202329;border-radius:24px;padding:12px 20px;box-shadow:0 3px 0 #e4b514}.btn:hover{background:#f5c317}.btn.light{background:#dff7ed;border-color:#dff7ed;color:#1c6550;box-shadow:none}.mini{padding:8px 13px;box-shadow:none}
.content{padding:30px 32px 72px;max-width:1500px}.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:228px;padding:38px;background:#ffdf58;border-radius:28px;align-items:center;margin-bottom:28px}.welcome:before{content:'';position:absolute;z-index:-1;right:140px;top:-65px;width:265px;height:265px;border-radius:50%;background:#ffb9a7}.welcome:after{content:'';position:absolute;z-index:-1;right:30px;bottom:-90px;width:220px;height:220px;border-radius:48px;background:#a9e0cb;transform:rotate(25deg)}.eyebrow{color:#494915;letter-spacing:1.8px}.welcome h1{font-size:38px;line-height:1.25;letter-spacing:-1.8px;max-width:640px;margin:12px 0}.welcome p{color:#4c491b;max-width:620px;line-height:1.7}.welcome>.btn{background:#242c25;color:#fff;border-color:#242c25;box-shadow:none;flex-shrink:0}.welcome>.btn:hover{background:#3d493f}.section-heading{margin:30px 0 16px}.section-heading h2{font-size:21px;letter-spacing:-.7px}.section-heading small{color:#657166}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-tile{padding:20px 12px;display:flex;flex-direction:column;text-align:center;gap:12px;border:1px solid #e9ede4;border-radius:20px;background:#fff}.category-tile .arrow{display:none}.category-tile small{font-size:11px;color:#657166;line-height:1.5}.category-tile b{font-size:13px;line-height:1.5}.category-ico{width:54px;height:54px;font-size:25px;background:#fff0a5!important;color:#49421a;border-radius:17px}.category-tile:nth-child(2) .category-ico{background:#ffdfd4!important;color:#864c3d}.category-tile:nth-child(3) .category-ico{background:#d7f3e3!important;color:#35644c}.category-tile:nth-child(4) .category-ico{background:#d6edff!important;color:#386587}.category-tile:nth-child(5) .category-ico{background:#e9deff!important;color:#624d84}.category-tile:nth-child(6) .category-ico{background:#ffe0eb!important;color:#89516a}.category-tile:hover,.category-tile.selected{border-color:#e5b924;background:#fffbed;box-shadow:0 7px 16px #8c7c1b0c;transform:translateY(-2px)}
.tab{border-radius:24px;padding:10px 16px;color:#465749;border-color:#e2e9dc}.tab:hover{background:#fff2b1}.tab.active{background:#263c2e}.design-grid{gap:20px}.design-card{border-radius:20px;border:1px solid #e6e9de}.design-thumb{height:224px;padding:14px}.design-thumb svg{border-radius:8px;filter:drop-shadow(0 5px 8px #20232916)}.card-meta{padding:18px}.card-meta b{font-size:14px;line-height:1.5}.card-meta small{color:#6c756b;line-height:1.6}.card-meta .tag{background:#fff3b1;color:#615119;border-radius:12px}.design-card:hover{box-shadow:0 12px 26px #46633114}.empty{background:#f8fbf4;color:#687660;border-color:#d6e4cc;padding:34px}.notice{background:#fff0d9;color:#785323}.tools-pane button:hover{background:#fff3b6;border-color:#efcf55}.stage-bottom button.current{color:#202329}.layer.active{background:#fff5c3;border-color:#ecd05b}.font-tabs button.selected{background:#fff0a5;border-color:#dfb824;color:#55481a}.toast{background:#25392c}.stage{background-color:#f1f3ed;background-image:radial-gradient(#ced6c5 .7px,transparent .7px)}.edit-topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 20px}.status{color:#63715f}.font-help{background:#f1f7ec;color:#536849}.font-upload{background:#fcfcf7}.font-tile-actions a{color:#3b7156}.font-upload summary{color:#374e3e}
html[lang=th]{font-family:'Noto Sans Thai',StudioThai,'DM Sans',sans-serif}html[lang=th] .welcome h1{letter-spacing:0;line-height:1.45;font-size:34px}html[lang=th] .category-tile b{line-height:1.8}
@media(max-width:1250px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{height:auto;min-height:80px;padding:16px 24px}.topbar .crumb{display:none}.topbar-actions{width:100%;justify-content:flex-end}.welcome h1{font-size:32px}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.side{width:75px;flex-basis:75px;padding:16px 8px}.content{padding:24px}.welcome{padding:28px;gap:20px}.welcome h1{font-size:29px}.welcome p{max-width:440px}.welcome:before{right:-70px}.welcome:after{right:-60px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.side{display:none}.content{padding:16px}.topbar{padding:12px}.topbar-actions{justify-content:flex-start}.topbar-actions .ghost{font-size:11px;padding:8px 10px}.avatar{display:none}.search{min-width:110px;width:140px}.welcome{min-height:250px;padding:26px;align-items:flex-start;border-radius:24px}.welcome h1{font-size:29px;max-width:290px}.welcome p{max-width:280px}.welcome:after{width:150px;height:150px;right:-70px;bottom:-30px}.welcome:before{width:150px;height:150px;top:-75px;right:-40px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{padding:16px 10px}.category-tile small{display:block}.category-ico{width:44px;height:44px}.section-heading{gap:10px;flex-wrap:wrap}.section-heading h2{font-size:19px}.section-heading>div{display:flex;gap:5px;flex-wrap:wrap}.design-thumb{height:172px;padding:9px}.card-meta{padding:13px}.card-meta b{font-size:12px}.edit-topbar{padding:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}