:root{font-family:Inter,Segoe UI,Arial,Malgun Gothic,sans-serif;color:#223449;background:#f7f9fc;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d5dfec;background:#fff;color:#31465e;border-radius:9px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#edf4fd;border-color:#b5cee9}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #3b91d2;outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}.primary{background:#347fc2;color:#fff;border-color:#347fc2}.primary:hover:not(:disabled){background:#226caa;border-color:#226caa}.app{height:100dvh;display:flex;flex-direction:column;min-height:500px}header{height:66px;flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #dde5f0;background:#fff;box-shadow:0 1px 4px #273f5d08;z-index:3}.brand{border:0;background:transparent;padding:0;gap:10px;font-size:19px;color:#192e45}.brand:hover{background:transparent!important;border-color:transparent!important}.logo{width:36px;height:36px;border-radius:10px;object-fit:contain}.brand-small{font-size:11px;color:#7a8ba0;font-weight:400}.title-area{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.title-area input{background:transparent;color:#223449;border:1px solid transparent;border-radius:6px;font-size:15px;font-weight:600;padding:8px;width:min(320px,50%)}.title-area input:hover,.title-area input:focus{border-color:#bfcfe1;outline-offset:0}.save-indicator,.unsaved{font-size:11px;color:#19856b;white-space:nowrap}.save-indicator.saving{color:#ad7419}.unsaved{color:#71869d}.header-actions{display:flex;gap:7px}.home{overflow:auto;padding:65px max(30px,calc((100vw - 1120px)/2));background:radial-gradient(ellipse at 85% 0%,#e7f1fd,#f7f9fc 55%);flex:1}.home-head{display:flex;justify-content:space-between;align-items:center;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#387fb9;font-weight:700}h1{font-size:38px;letter-spacing:-1px;margin:13px 0;color:#1c3049}p{color:#62788f;line-height:1.9}.large{padding:15px 20px}.home-actions{display:flex;align-items:center;gap:20px;margin:42px 0 55px}.home-actions span,small{color:#72859b;font-size:12px}h2{font-size:17px;margin-bottom:18px}h2 small{margin-left:7px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:17px}.doc-card{border:1px solid #d8e3f0;border-radius:14px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #253f6010}.doc-preview{height:115px;border-radius:8px;background:radial-gradient(circle,#f4f9ff,#e8f0fa);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.doc-preview-logo{height:53px;width:53px;filter:drop-shadow(0 2px 6px #203c5530)}.doc-preview-map{height:100%;width:100%;display:block;padding:8px 12px;overflow:hidden;background:linear-gradient(145deg,#fafdff,#eef5fd)}.doc-card strong{color:#20364e}.doc-actions{display:flex;gap:8px;margin-top:6px}.doc-actions .primary{flex:1}.empty{border:1px dashed #bbccdf;padding:45px;text-align:center;color:#738da6;border-radius:12px;background:#ffffff92}.workspace{display:flex;flex:1;min-height:0}.tools{width:59px;background:#edf2f8;border-right:1px solid #d5dfeb;display:flex;flex-direction:column;align-items:center;padding:14px 7px;gap:8px}.tools button{width:42px;height:42px;padding:0;background:transparent;border-color:transparent;color:#465c74}.tools button:hover:not(:disabled){background:#dce8f5;border-color:#c4d6e8}.tool-separator{height:1px;width:28px;background:#d0dce9;margin:6px 0}.canvas{position:relative;flex:1;min-width:0;overflow:hidden;background:#f9fbfd}.map{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.snap-guide{stroke:#428bc5;stroke-width:1.3;stroke-dasharray:5 5;stroke-opacity:.85;pointer-events:none}.canvas-top,.canvas-bottom{position:absolute;display:flex;gap:7px;z-index:1}.canvas-top{top:19px;left:20px}.pill{border:1px solid #d6e0ec;background:#ffffffeb;color:#50647a;padding:7px 10px;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:5px;font-weight:700}.pill.warning{color:#ad6510}.canvas-bottom{bottom:21px;right:20px;background:#fff;padding:5px;border:1px solid #e2e9f1;border-radius:9px;box-shadow:0 3px 18px #1d2d3b18;align-items:center}.canvas-bottom button{background:transparent;border:0;color:#4c627b}.canvas-bottom span{color:#50647a;font-size:12px;min-width:40px;text-align:center}.hint{position:absolute;bottom:26px;left:20px;font-size:11px;color:#8799ac;pointer-events:none}.properties{width:300px;flex-shrink:0;background:#e8eef6;color:#263d56;border-left:1px solid #d0dce9;overflow:auto;display:flex;flex-direction:column}.section-head{display:flex;justify-content:space-between;padding:21px 19px 13px;border-bottom:1px solid #d1dce9;font-size:13px;font-weight:700;color:#26405a}.muted{color:#74889e;font-size:10px}.section{padding:17px 19px;display:flex;flex-direction:column;gap:11px}.section label{font-size:12px;color:#516982;margin-top:7px;display:flex;justify-content:space-between}.section input:not([type=color]):not([type=checkbox]),.section textarea,.section select{background:#fff;border:1px solid #c5d4e4;color:#223a53;border-radius:7px;padding:9px;min-width:0;width:100%}.section textarea{resize:vertical;line-height:1.5}.section input[type=color]{width:100%;height:35px;border:1px solid #c5d4e4;border-radius:7px;background:#fff;cursor:pointer}.section label.snap-option{margin:0 0 5px;display:flex;align-items:center;gap:8px;background:#f8fbff;border:1px solid #cbd9e8;border-radius:9px;padding:11px;cursor:pointer;color:#28435b;font-size:12px;font-weight:650}.snap-option input{margin:0;accent-color:#347fc2;width:16px;height:16px;flex-shrink:0}.snap-option small{margin-left:auto;font-size:10px;font-weight:400;color:#73889f;text-align:right}.segmented{display:flex;background:#dce5f0;border:1px solid #c5d3e4;border-radius:8px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:transparent;font-size:12px;padding:9px 4px}.segmented button.active{background:#fff;color:#245b8d;box-shadow:0 1px 4px #15345518}.full{width:100%;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.two>div{min-width:0;display:flex;flex-direction:column;gap:8px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.swatches button{width:100%;aspect-ratio:1;padding:0;border:1px solid #a1afbe77;border-radius:7px}.export button{justify-content:flex-start;font-size:12px}.side-footer{margin-top:auto;border-top:1px solid #d0dce9;padding:18px;color:#657b92;font-size:11px;display:flex;flex-direction:column;gap:10px}.side-footer span{display:flex;align-items:center;gap:6px;line-height:1.4}.side-footer small{font-size:10px;line-height:1.5}@media(max-width:850px){.properties{width:255px}.snap-option small,.header-actions span,.brand-small,.hint{display:none}.home{padding:35px 22px}}@media(max-width:600px){header{padding:0 10px;gap:8px}.title-area{gap:3px}.title-area input{width:100%;font-size:12px}.save-indicator,.unsaved{display:none}.header-actions{gap:3px}.header-actions button{padding:8px}.properties{position:absolute;right:0;top:66px;bottom:0;z-index:5;box-shadow:-10px 0 35px #1c3a5b24}.tools{width:45px}.tools button{width:35px}.home-head{display:block}.home-head button{margin-top:16px}.home-actions{flex-direction:column;align-items:flex-start;margin:25px 0}.canvas-top{left:10px;top:10px}}.home-header{justify-content:space-between}.header-note{font-size:12px;color:#7890a9}@media(max-width:600px){.header-note{font-size:10px}}.inline-text-editor{display:block;box-sizing:border-box;resize:none;outline:2px solid #348dd4;outline-offset:1px;border:1px solid #d0e2f2;border-radius:10px;padding:10px 12px;text-align:center;line-height:1.35;overflow:auto;-webkit-user-select:text;user-select:text;touch-action:auto;box-shadow:0 6px 18px #31567932}.selection-info{font-size:12px;line-height:1.55;margin:0;color:#48647d;overflow-wrap:anywhere}.edge-hit{cursor:pointer}.home{padding-top:52px;padding-bottom:55px;background:#f6f8fc}.home-header{background:#fff}.home-header-space{flex:1}.home-intro{margin-bottom:27px}.home-intro h1{font-size:32px;letter-spacing:-.9px;margin:0 0 8px;color:#1c2c43}.home-intro p{font-size:14px;color:#66768e;margin:0;line-height:1.65}.home-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 43px}.home-action{width:100%;min-height:79px;background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:17px 20px;display:flex;justify-content:flex-start;gap:13px;color:#24364f;font-size:15px;font-weight:650;box-shadow:0 2px 12px #273f5d08}.home-action:hover:not(:disabled){background:#f9fbff;border-color:#a9c8e7}.home-action-icon{display:flex;align-items:center;justify-content:center;color:#3465a3}.home-action-arrow{margin-left:auto;color:#8490a3;font-size:20px;font-weight:400}.home-recent-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.home-recent-heading h2{font-size:17px;margin:0;color:#263951}.home-recent-heading>span{color:#78869a;font-size:12px}.home .doc-card{border-color:#dce4ef;box-shadow:0 3px 14px #253f600a}.home .doc-preview{height:135px;background:#f1f5fb}.home .doc-card small{color:#78869a}.home-storage-note{display:flex;align-items:flex-start;gap:12px;margin-top:34px;padding:19px 21px;background:#edf2f8;border-radius:12px;color:#3c506b}.home-note-icon{font-size:19px;color:#667d9a;line-height:1.1}.home-storage-note strong{font-size:13px;font-weight:650}.home-storage-note p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#66768e}@media(max-width:600px){.home{padding:34px 18px}.home-intro h1{font-size:27px}.home-quick-actions{grid-template-columns:1fr;gap:9px;margin-bottom:34px}.home-action{min-height:65px}.home-storage-note{padding:16px}}.workspace{flex-direction:column;position:relative}.ribbon{flex-shrink:0;background:#fff;border-bottom:1px solid #dce5ef;z-index:2;box-shadow:0 2px 8px #1c35500a}.ribbon-tabs{height:38px;display:flex;gap:3px;align-items:stretch;padding:0 16px;border-bottom:1px solid #edf1f6}.ribbon-tabs button{border:0;border-radius:0;background:transparent;font-size:12px;padding:0 16px;color:#5a7088}.ribbon-tabs button.active{color:#236eae;border-bottom:2px solid #3489cb;font-weight:700}.ribbon-content{min-height:90px;display:flex;align-items:stretch;gap:0;padding:9px 13px;overflow-x:auto}.ribbon-group{display:flex;flex-direction:column;gap:7px;padding:2px 14px;border-right:1px solid #e3e9f1;min-width:max-content}.ribbon-group>span{font-size:10px;color:#72849a;letter-spacing:.2px}.ribbon-group>div:not(.ribbon-colors){display:flex;align-items:center;gap:5px}.ribbon-group button{font-size:12px;padding:7px 9px;white-space:nowrap}.ribbon-group button.chosen{background:#e3f1ff;border-color:#7bb7e6;color:#2266a0}.ribbon-group select{max-width:155px;min-height:32px;border:1px solid #cbd9e7;border-radius:7px;background:#fff;color:#31465e;padding:5px}.ribbon-group input[type=color]{height:32px;width:34px;padding:2px;border:1px solid #cbd9e7;border-radius:6px;background:#fff}.ribbon-group .ribbon-number{width:62px;height:32px;border:1px solid #cbd9e7;border-radius:6px;padding:4px}.ribbon-colors{display:flex;align-items:center;gap:4px;max-width:240px;flex-wrap:wrap}.ribbon-colors button{width:22px;height:22px;min-width:22px;padding:0;border-radius:5px;border:1px solid #8595a355}.ribbon-check{font-size:12px;display:flex;gap:6px;align-items:center;white-space:nowrap}.ribbon-spacer{flex:1;min-width:10px}.canvas{min-height:0}@media(max-width:700px){.ribbon-content{min-height:84px}.ribbon-group{padding:2px 9px}.ribbon-tabs{padding:0 6px}.ribbon-tabs button{padding:0 10px}}.editor-ribbon-shell{display:flex;flex-shrink:0;align-items:stretch;background:#fff;border-bottom:1px solid #dce5ef;min-width:0;height:122px}.editor-brand{width:112px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid #e3e9f1;border-radius:0;background:#fff;color:#263b54;font-size:14px;padding:8px}.editor-brand img{width:38px;height:38px}.editor-brand:hover{background:#f6faff}.editor-ribbon-shell .ribbon{flex:1;min-width:0;border-bottom:0;box-shadow:none;display:flex;flex-direction:column}.editor-ribbon-shell .ribbon-tabs{height:33px;flex-shrink:0}.editor-ribbon-shell .ribbon-content{height:88px;min-height:0;flex:1;padding:7px 9px;overflow-x:auto;overflow-y:hidden}.editor-ribbon-shell .ribbon-group{gap:5px;padding:2px 11px}.editor-ribbon-shell .ribbon-group button{padding:6px 8px}.ribbon-document input{width:155px;min-width:95px;height:31px;border:1px solid #ccd9e8;border-radius:7px;padding:5px 8px;color:#243950;font-size:12px}.ribbon-save-state{font-size:10px;color:#7890a3;white-space:nowrap}.hint{opacity:.65}.hint kbd{font-family:inherit;border:1px solid #a7b6c8;border-radius:3px;padding:1px 4px;background:#f9fbff;color:#63758b}@media(max-width:700px){.editor-ribbon-shell{height:118px}.editor-brand{width:76px;font-size:11px}.editor-brand img{width:30px;height:30px}.editor-ribbon-shell .ribbon-content{height:85px}.ribbon-document input{width:105px}}.editor-ribbon-shell{height:150px;position:relative}.editor-ribbon-shell .ribbon-content{height:116px;overflow-x:auto;overflow-y:hidden;align-items:center}.editor-ribbon-shell .ribbon-group{justify-content:center;gap:7px}.editor-ribbon-shell .ribbon-colors{max-width:none;flex-wrap:nowrap}.editor-ribbon-shell .ribbon-colors button{width:24px;height:24px;min-width:24px}.ribbon-tab-actions{margin-left:auto;display:flex;align-items:center;padding-right:14px}.ribbon-tab-actions .export-trigger{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #cbd9e7;border-radius:7px;padding:6px 10px;background:#f5f9ff;color:#274c73}.export-popover{position:absolute;z-index:20;right:12px;top:36px;background:#fff;box-shadow:0 8px 26px #243e5a30;border:1px solid #d4e0ed;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:11px;min-width:205px;font-size:12px}.export-popover label{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-popover input[type=color]{width:42px;height:29px}.export-popover>div{display:flex;gap:6px}.export-popover button{padding:7px 10px}@media(max-width:700px){.editor-ribbon-shell{height:146px}.editor-ribbon-shell .ribbon-content{height:112px}}.hint{display:flex;flex-direction:column;align-items:stretch;gap:4px;bottom:20px;left:20px;opacity:.62;background:#ffffffd8;border:1px solid #e0e8f1;border-radius:8px;padding:9px 11px;line-height:1.5}.hint>div{display:grid;grid-template-columns:110px auto;gap:10px;align-items:center;text-align:left}.hint kbd{justify-self:start;white-space:nowrap}.editor-ribbon-shell .ribbon-content .export-trigger{display:flex;align-items:center;gap:5px;white-space:nowrap}.export-popover{top:138px;right:auto;left:260px}