.editor-body{height:100vh;overflow:hidden;background:#e7ebe9;color:#1d2522}.editor-header{height:62px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #d4dcd8;position:relative;z-index:30;padding:0 12px;gap:10px;white-space:nowrap}.compact-brand{display:flex;align-items:center}.document-title{display:flex;flex-direction:column;min-width:135px}.document-title b{font-size:12px}.document-title span{font-size:9px;color:#80908a;margin-top:3px}.main-actions,.selection-actions{height:100%;display:flex;align-items:center;gap:3px}.main-actions button{width:47px;height:50px}.main-actions button,.selection-actions button{border:0;background:transparent;border-radius:6px;color:#515c58;font-size:16px}.main-actions button small{display:block;font-size:9px;font-weight:400;margin-top:2px}.main-actions button:hover,.main-actions button.active,.selection-actions button:hover,.selection-actions button.active{background:#edf4f0;color:var(--green)}.main-actions button:disabled{opacity:.3;cursor:not-allowed}.toolbar-separator{width:1px;height:28px;background:#dce3df;margin:0 5px}.selection-actions{padding-left:9px;border-left:1px solid #e0e6e3;gap:5px}.selection-actions.is-hidden{display:none}.selection-actions label{font-size:9px;color:#66716d;display:flex;align-items:center;gap:5px}.selection-actions input{width:62px;accent-color:var(--green)}.selection-actions button{font-size:10px;padding:6px 7px}.header-actions{margin-left:auto;display:flex;gap:7px}.editor-layout{height:calc(100vh - 62px);display:grid;grid-template-columns:68px 250px minmax(360px,1fr) 288px}.asset-tabs{background:#17201d;color:#aeb9b5;padding:7px 6px;display:flex;flex-direction:column;gap:3px;z-index:10}.asset-tabs button{height:57px;border:0;background:transparent;color:inherit;border-radius:7px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.asset-tabs button span{font-size:18px;font-weight:600}.asset-tabs button:hover,.asset-tabs button.active{background:#2b3733;color:#fff}.asset-library{background:#fff;border-right:1px solid #d4dcd8;overflow-y:auto;z-index:9}.asset-library.collapsed{display:none}.library-header{height:52px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #e1e6e3}.library-header h1{font-size:14px;margin:0}.library-header button{margin-left:auto;border:0;background:none;font-size:23px;color:#87918d}.library-body{padding:15px}.library-help{font-size:11px;line-height:1.7;color:#75807c;margin:0 0 13px}.upload-box{border:1px dashed #a9bab2;border-radius:9px;background:#f5faf7;padding:28px 12px;text-align:center}.upload-box span{display:block;font-size:25px;color:var(--green)}.upload-box b{display:block;font-size:12px;margin:8px}.upload-box button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:8px 13px;font-size:11px}.asset-section{margin-bottom:21px}.asset-section h3{font-size:10px;color:#7d8884;letter-spacing:.08em;margin:0 0 9px}.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-button{min-height:62px;border:1px solid #dce4df;background:#fff;border-radius:8px;padding:8px;font-size:10px;color:#3c4743;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.asset-button:hover{border-color:var(--green);background:#f2f8f5;color:var(--green)}.asset-button .asset-preview{font-size:20px;font-weight:700}.asset-button.wide{grid-column:1/3;min-height:48px;flex-direction:row}.pattern-preview{width:32px;height:22px;border:1px solid #aaa}.pattern-dots{background-image:radial-gradient(#333 1px,transparent 1px);background-size:5px 5px}.pattern-grid{background-image:linear-gradient(#aaa 1px,transparent 1px),linear-gradient(90deg,#aaa 1px,transparent 1px);background-size:6px 6px}.pattern-stripes{background:repeating-linear-gradient(45deg,#333 0 2px,transparent 2px 6px)}.workspace-area{min-width:0;display:flex;flex-direction:column}.workspace-toolbar{height:42px;background:#f8faf9;border-bottom:1px solid #d4dcd8;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#65706c;font-size:10px}.zoom-control{display:flex;align-items:center;background:#fff;border:1px solid #d8e0dc;border-radius:6px}.zoom-control button{height:27px;min-width:29px;border:0;background:transparent;font-size:11px}.zoom-control span{width:48px;text-align:center}.workspace{flex:1;position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#dfe4e1;background-image:linear-gradient(#d6dcd8 1px,transparent 1px),linear-gradient(90deg,#d6dcd8 1px,transparent 1px);background-size:20px 20px}.canvas-shell{position:relative;transform-origin:center;box-shadow:0 12px 45px rgba(31,51,44,.22)}.ruler{position:absolute;background:#f8faf9;z-index:8;pointer-events:none}.ruler-horizontal{height:18px;left:18px;right:0;top:0;border-bottom:1px solid #bdc8c2;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#9fa9a4 9px 10px,transparent 10px 49px,#74817b 49px 50px)}.ruler-vertical{width:18px;top:18px;bottom:0;left:0;border-right:1px solid #bdc8c2;background-image:repeating-linear-gradient(180deg,transparent 0 9px,#9fa9a4 9px 10px,transparent 10px 49px,#74817b 49px 50px)}.workspace.hide-rulers .ruler{display:none}.status-bar{height:28px;background:#f8faf9;border-top:1px solid #d4dcd8;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#7b8581;font-size:9px}.properties-panel{background:#fff;border-left:1px solid #d4dcd8;overflow-y:auto}.document-settings{padding:16px;border-bottom:1px solid #dce3df}.properties-title small{font-size:9px;color:#818c88}.properties-title h2{font-size:15px;margin:3px 0 14px}.property-row{display:flex;align-items:end;gap:6px}.property-row label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#71807a}.property-row input{width:76px;height:32px;border:1px solid #d5deda;border-radius:6px;padding:0 7px}.property-row>b{font-size:10px;margin-bottom:9px}.check-row,.background-row{display:flex;align-items:center;margin-top:12px;font-size:10px;color:#5d6864}.check-row input{accent-color:var(--green)}.background-row{justify-content:space-between}.background-row input{width:36px;height:26px;border:1px solid #ccd6d1;padding:2px;background:#fff}.element-properties{padding:16px}.empty-properties{padding:45px 18px;text-align:center;color:#84908b}.empty-properties span{font-size:31px}.empty-properties b{display:block;font-size:12px;margin:10px}.empty-properties p{font-size:10px;line-height:1.7}.property-section{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e7ebe9}.property-section h3{font-size:10px;color:#77827e;letter-spacing:.08em;margin:0 0 11px}.prop-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:10px;color:#616d68}.prop-field input,.prop-field select,.prop-field textarea{border:1px solid #d4ddd8;border-radius:6px;padding:7px 8px;font-size:11px;min-width:0}.prop-field textarea{min-height:58px;resize:vertical}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.format-buttons button{height:31px;border:1px solid #d4ddd8;background:#fff;border-radius:5px;font-size:11px}.format-buttons button.active{background:#e8f4ee;border-color:#76a993;color:var(--green)}.danger-button{width:100%;border:1px solid #efd0ca;background:#fff5f3;color:#c83c29;border-radius:6px;padding:8px;font-size:10px}
@media(max-width:1100px){.editor-layout{grid-template-columns:62px 220px minmax(340px,1fr) 260px}.document-title{display:none}.selection-actions label{display:none}}
@media(max-width:850px){.properties-panel{display:none}.editor-layout{grid-template-columns:62px 220px 1fr}.selection-actions{display:none!important}}
#printArea{display:none}.editor-layout:has(.asset-library.collapsed){grid-template-columns:68px 0 minmax(360px,1fr) 288px}
.editor-header{height:72px}.main-actions button{width:56px;height:58px}.editor-layout{height:calc(100vh - 72px);grid-template-columns:82px 320px minmax(420px,1fr) 340px}.asset-tabs button{height:68px;font-size:11px}.asset-tabs button span{font-size:22px}.library-header{height:60px}.library-header h1{font-size:16px}.library-body{padding:20px}.library-help{font-size:12px}.asset-button{min-height:82px;font-size:11px}.asset-button .asset-preview{font-size:25px}.element-properties{padding:20px}.editor-layout:has(.asset-library.collapsed){grid-template-columns:82px 0 minmax(420px,1fr) 340px}
@media(max-width:1200px){.editor-layout{grid-template-columns:72px 270px minmax(380px,1fr) 300px}.editor-layout:has(.asset-library.collapsed){grid-template-columns:72px 0 minmax(380px,1fr) 300px}}
@media(max-width:920px){.properties-panel{display:none}.editor-layout{grid-template-columns:72px 270px 1fr}.editor-layout:has(.asset-library.collapsed){grid-template-columns:72px 0 1fr}}
.asset-library.collapsed{display:block;visibility:hidden;width:0;min-width:0;overflow:hidden;border:0}.editor-layout{grid-template-columns:82px 320px minmax(420px,1fr) 370px}.editor-layout:has(.asset-library.collapsed){grid-template-columns:82px 0 minmax(420px,1fr) 370px}.document-settings{padding:23px}.properties-title small{font-size:12px}.properties-title h2{font-size:19px;margin:5px 0 17px}.size-summary{display:flex;align-items:center;justify-content:space-between;border:1px solid #d9e2dd;background:#f7faf8;border-radius:8px;padding:11px 12px}.size-summary div{display:flex;flex-direction:column;gap:4px}.size-summary small{font-size:11px;color:#77837e}.size-summary b{font-size:15px}.size-summary button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:8px 11px;font-size:12px}.background-row{font-size:13px;margin-top:17px}.background-row input{width:44px;height:32px}.element-properties{padding:23px}.empty-properties b{font-size:15px}.empty-properties p{font-size:13px}.property-section h3{font-size:13px;margin-bottom:14px}.prop-field{font-size:13px;gap:7px;margin-bottom:13px}.prop-field input,.prop-field select,.prop-field textarea{font-size:14px;padding:10px}.format-buttons button{height:38px;font-size:14px}.check-row{font-size:13px}.danger-button{font-size:13px;padding:11px}.size-dialog{border:0;border-radius:14px;padding:0;width:min(560px,92vw);box-shadow:0 28px 90px rgba(0,0,0,.28)}.size-dialog::backdrop{background:rgba(16,27,23,.48)}.size-dialog form{padding:25px}.size-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.size-dialog-head small{font-size:11px;color:var(--green)}.size-dialog-head h2{font-size:21px;margin:3px 0}.size-dialog-head>button{border:0;background:none;font-size:24px}.size-dialog section{margin-bottom:21px}.size-dialog h3{font-size:13px;margin:0 0 11px}.size-dialog section>p{font-size:10px;color:#84908b}.common-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.common-size-grid button{border:1px solid #d5dfda;background:#fff;border-radius:7px;padding:10px;font-size:12px}.common-size-grid button:hover,.common-size-grid button.active{border-color:var(--green);background:#eaf5ef;color:var(--green);font-weight:700}.custom-size-row{display:flex;align-items:end;gap:9px}.custom-size-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5d6964}.custom-size-row input{width:130px;height:39px;border:1px solid #d5dfda;border-radius:7px;padding:0 10px;font-size:14px}.custom-size-row span,.custom-size-row b{margin-bottom:10px}.custom-size-row b{font-size:11px}.dialog-check{display:flex;align-items:center;gap:7px;font-size:12px;background:#f4f8f6;padding:11px;border-radius:7px}.dialog-check input{accent-color:var(--green)}.size-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media(max-width:1200px){.editor-layout{grid-template-columns:72px 270px minmax(380px,1fr) 320px}.editor-layout:has(.asset-library.collapsed){grid-template-columns:72px 0 minmax(380px,1fr) 320px}}
@media(max-width:920px){.properties-panel{display:none}.editor-layout{grid-template-columns:72px 270px 1fr}.editor-layout:has(.asset-library.collapsed){grid-template-columns:72px 0 1fr}}