@font-face{font-family:Amiri;src:url('fonts/Amiri.ttf') format('truetype');font-display:swap}@font-face{font-family:Nastaliq;src:url('fonts/Nastaliq.ttf') format('truetype');font-display:swap}@font-face{font-family:Kufi;src:url('fonts/Kufi.ttf') format('truetype');font-display:swap}
:root{--forest:#193f35;--ink:#263c34;--gold:#af8c4a;--paper:#fffdf7;--line:#e4e5db;--muted:#7b847b;--sans:'Segoe UI',Arial,sans-serif;color:var(--ink);font-family:var(--sans);font-size:13px;background:#f7f7f2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:5px;padding:9px 12px;transition:background .15s,box-shadow .15s}button:hover{background:#e9ede6}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dbdfd5;border-radius:5px;background:#fffefa;padding:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical;min-height:65px;line-height:1.7}fieldset{padding:0;margin:0;border:0;min-width:0}a{color:var(--forest)}.header{height:86px;background:var(--forest);color:#f6f2df;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:31px;letter-spacing:-1px}.brand-mark{font-family:Amiri;font-size:44px;border:1px solid #a98c59;transform:rotate(4deg);width:46px;height:46px;text-align:center;line-height:1.15;color:#d4b477}.brand small{display:block;font:8px var(--sans);letter-spacing:3px;margin-top:5px;color:#b9c7b9}.header nav{display:flex;align-items:center;gap:28px;font-size:12px;height:100%}.header nav button{color:#c5d1c5;padding:12px 0;border-radius:0}.header nav button:hover{background:none;color:white}.nav-active{height:100%;display:flex;align-items:center;border-bottom:3px solid #ccad70;padding:0 8px}.version{font-size:10px;letter-spacing:.5px;color:#c1cfbd}.version i,.status-dot{display:inline-block;width:5px;height:5px;background:#b9a575;border-radius:100%;margin-right:7px}.document-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);background:#fffffb;gap:16px}.document-title{display:flex;align-items:center;gap:10px;min-width:0}.file-icon{font-size:24px;color:var(--gold)}#project-title{border:none;background:transparent;font-weight:600;width:170px;padding:7px 3px}.document-title>span:last-child{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px;white-space:nowrap}.document-actions{display:flex;gap:6px;align-items:center}.primary{background:var(--forest);color:#fffef4;border:1px solid var(--forest);font-weight:500}.primary:hover{background:#2b5748}.primary span{margin-left:24px;color:#d5be88}.wide{width:100%;margin-top:12px}.secondary{background:#f1f3ec;border-color:#dce2d5}.workspace{display:grid;grid-template-columns:253px minmax(350px,1fr) 267px;min-height:calc(100vh - 156px)}.panel{padding:23px 21px;background:#fcfcf7}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-bottom:24px}.tiny-star{color:var(--gold);font-size:20px;line-height:.6}h1{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.25;font-weight:400;margin:0 0 10px;letter-spacing:-.6px}.intro{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:25px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:600;margin:17px 0 9px}.field-label span{font-size:8px;letter-spacing:0;font-weight:400;color:var(--muted)}#new-text{height:104px;font-family:Amiri,serif;font-size:23px;padding:15px 12px;line-height:1.8}.sample-links{display:flex;gap:4px;margin:5px 0 15px;flex-wrap:wrap}.sample-links button{font-size:10px;color:#6b7466;padding:5px 8px;border:1px solid #e5e6dd;border-radius:3px}.subtle{font-size:10px;color:var(--muted);line-height:1.8;margin-top:10px}.side-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}h2{font-weight:600;font-size:12px;margin:0}.section-title>span{font-size:8px;color:var(--muted);letter-spacing:1px}.marks{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.marks button{height:38px;font-family:Amiri;font-size:25px;background:#f2f3eb;border:1px solid #e3e7dc;padding:3px}.marks button:hover{border-color:var(--gold);background:#f6efdf}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.template-grid button{padding:0;text-align:center;border-radius:0}.template-preview{display:flex;align-items:center;justify-content:center;font-family:Amiri;font-size:20px;height:66px;border:1px solid #d7c49b;background:#f8f3e5;outline:3px solid #f9f7ef;outline-offset:-5px;overflow:hidden}.template-preview.poem{font-family:Nastaliq;color:#705642;background:#f5f0e8}.template-preview.blank{border:1px dashed #c4cbbd;background:transparent;color:#97a08f;outline:none;font-family:var(--sans)}.template-grid strong{font-size:8px;font-weight:400;display:block;margin-top:9px}.image-add{width:100%;text-align:left;border:1px dashed #d6dccf;padding:12px;margin-top:27px}.image-add small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.local-note{font-size:10px;margin-top:29px;color:#667560}.local-note span{color:var(--gold);margin-right:5px}.local-note small{display:block;font-size:9px;margin:5px 0 0 18px;color:#899082}.studio{background:#edf0e9;display:flex;flex-direction:column;min-width:0;min-height:760px;overflow:hidden}.canvas-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#f6f7f1;border-bottom:1px solid #dfe4d8;gap:6px}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-group button{font-size:17px;padding:6px 9px;white-space:nowrap}.toolbar-group button span,#zoom-fit{font-size:10px}.toolbar-group button[aria-pressed=true]{background:#dde5d8;color:var(--forest)}.divider{height:18px;width:1px;background:#d8ded0;margin:0 6px}.studio-topline{display:flex;justify-content:space-between;color:#87907e;font-size:8px;letter-spacing:1.6px;padding:22px 28px 0}.stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;overflow:auto;padding:35px;min-height:520px;background-image:radial-gradient(#cbd2c2 .65px,transparent .65px);background-size:12px 12px}.paper-shell{background:var(--paper);box-shadow:0 14px 32px #33452d18,0 1px 4px #25331f15;flex:none;line-height:0;position:relative;width:100%;max-width:1000px}.paper-shell svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;overflow:hidden}.art-item{cursor:move}.art-item.locked{cursor:not-allowed}.selection-box{fill:none;stroke:#6c9885;stroke-width:1.2;stroke-dasharray:5 4;pointer-events:none}.selection-handle{fill:#fffdf7;stroke:#6c9885;stroke-width:1;pointer-events:none}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 20px;font-size:9px;color:#808a78;border-top:1px solid #dce2d6;background:#f0f3eb}.status-dot{background:#6b8b68;margin-right:7px}.property-title{margin-bottom:20px}.property-title h2{font-size:14px}.property-title>span{color:#a18d60;background:#f1eadb;padding:5px 7px;border-radius:3px;font-size:8px}#item-text{font-family:Amiri;font-size:20px;min-height:74px;line-height:1.6}.property-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.property-row label{font-size:10px;color:#697466;position:relative}.property-row input{margin-top:7px;background:#fffffc;height:34px;padding:7px 9px;font-size:12px}.unit{float:right;font-size:9px;color:#9b9f92}.color-field{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:10px}.color-field input{height:25px;width:30px;padding:2px;cursor:pointer}.color-field span{font-size:9px;color:#7e8778;text-transform:uppercase;margin-left:auto}.swatches{display:flex;gap:9px;margin-top:12px}.swatches button{height:17px;width:17px;min-width:17px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dfe2d6}.alignment{display:flex;justify-content:space-around;border:1px solid #e0e3d8;border-radius:4px;margin-top:20px}.alignment button{padding:7px 15px;font-size:15px}.text-button{font-size:10px;color:#687b63;margin-top:5px}.layers{max-height:235px;overflow:auto}.layer{display:flex;align-items:center;gap:5px;padding:7px 5px;border:1px solid transparent;border-bottom-color:#ebede4;min-height:38px;border-radius:4px}.layer.selected{background:#eaf0e3;border-color:#d9e1ce}.layer .layer-name{padding:3px 4px;min-width:0;flex:1;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Amiri;font-size:18px}.layer .icon-button{font-size:11px;padding:4px;opacity:.65}.layer-actions{display:flex;justify-content:space-between;margin-top:8px}.layer-actions button{font-size:9px;padding:7px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:15px}.toggle-row input{width:15px;height:15px;accent-color:var(--forest)}.empty-selection{padding:20px 10px;background:#f2f4ec;text-align:center;line-height:1.8;color:#7c8772}.empty-selection small{font-size:10px}.page-settings select{font-size:11px}.page-settings .field-label{margin-top:0}.page-settings{padding-bottom:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);z-index:30;background:var(--forest);color:#fffdf2;box-shadow:0 8px 20px #163a302b;padding:13px 23px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#fffdf6;color:var(--ink);border:1px solid #dbd9c9;box-shadow:0 25px 70px #18372b33;border-radius:10px;padding:36px;width:480px;max-width:94vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#183c3270;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:13px;top:10px;font-size:23px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a18d60}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.3;margin:18px 0}dialog p{font-size:12px;line-height:1.9;color:#6e796a}dialog a{font-size:10px}.export-options{display:grid;gap:12px;margin:25px 0}.export-options button{padding:18px;border:1px solid #dbe1d1;text-align:left;background:#f6f7ef}.export-options strong{display:block;font-size:17px;font-weight:500}.export-options strong span{float:right;color:var(--gold)}.export-options small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.guide-list{padding-left:20px;margin-top:25px}.guide-list li{padding-left:8px;margin-top:18px;color:var(--gold)}.guide-list strong{color:var(--ink);font-size:13px}.guide-list p{margin:5px 0;font-size:11px}.shortcut-note{padding:12px;background:#edf1e6;border-radius:4px}[hidden]{display:none!important}
@media(min-width:1600px){.workspace{grid-template-columns:280px minmax(350px,1fr) 290px}.panel{padding:25px 27px}.studio{min-height:calc(100vh - 156px)}.stage{padding:50px 65px}}
@media(max-width:1120px){.workspace{grid-template-columns:220px minmax(300px,1fr) 230px}.panel{padding:20px 15px}.canvas-toolbar{padding:0 6px}.view-controls button span{display:none}.toolbar-group button{padding:6px}.header{padding:0 20px}.header nav{gap:18px}.stage{padding:20px}.studio-footer>span:last-child{display:none}.document-title>span:last-child{display:none}}
.selection-marquee{fill:#6c98851a;stroke:#426c5b;stroke-width:1;stroke-dasharray:5 3;pointer-events:none;vector-effect:non-scaling-stroke}
.glyph-multi-selection{fill:#c8a45c26;stroke:#ad8b4f;stroke-width:1.2;pointer-events:none;vector-effect:non-scaling-stroke}
.selection-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line)}.selection-controls button{border:1px solid var(--line);border-radius:5px;font-size:11px;padding:7px 10px}.selection-controls button[aria-pressed="true"]{background:#193f35;color:white}.selection-controls p{flex-basis:100%;margin:0;font-size:11px;line-height:1.6;color:#596854}
@media(max-width:850px){.workspace{grid-template-columns:220px minmax(280px,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line)}.right-panel>.panel-heading,.right-panel>.property-title,.right-panel>.empty-selection{grid-column:1/-1;margin:0}.right-panel fieldset{grid-row:3/5}.right-panel .side-section{margin:0}.header nav{gap:15px}.version{display:none}.studio{min-height:680px}}
@media(max-width:560px){.header{height:75px;padding:0 16px}.brand{font-size:26px}.brand-mark{height:37px;width:37px;font-size:36px}.brand small{font-size:6px;letter-spacing:2px}.header nav{gap:8px}.header nav button{font-size:10px}.nav-active{display:none}.header nav button:last-child{display:none}.document-bar{height:auto;min-height:100px;flex-wrap:wrap;padding:12px 14px;gap:3px}.document-title{width:100%}.document-title input{width:230px}.document-actions{width:100%;justify-content:space-between;gap:3px}.document-actions button{padding:8px;font-size:11px}.primary span{margin-left:10px}.workspace{display:flex;flex-direction:column}.left-panel{order:2;border-right:0;border-top:1px solid var(--line);padding:22px}.left-panel .panel-heading{margin-bottom:16px}.left-panel h1{font-size:25px}.studio{order:1;min-height:500px}.right-panel{order:3;display:block;padding:22px}.right-panel>.panel-heading{margin:0 0 20px}.right-panel>.property-title{margin:0 0 15px}.right-panel .side-section{margin-top:22px}.studio-topline{padding:15px 15px 0}.stage{min-height:350px;padding:22px 16px}.canvas-toolbar{height:48px;padding:0 10px}.template-preview{height:90px}.template-grid strong{font-size:10px}.studio-footer{font-size:9px}.image-add{margin-top:20px}.layers{max-height:200px}.property-row input{height:40px}.export-options button{padding:15px}dialog{padding:28px}.version{display:none}}
.classic-menu{display:flex;gap:4px;padding:0 23px;height:33px;align-items:center;border-bottom:1px solid var(--line);background:#f5f5ed;position:relative;z-index:5}.classic-menu details{position:relative}.classic-menu summary{list-style:none;cursor:pointer;padding:6px 10px;font-size:11px}.classic-menu details[open] summary,.classic-menu summary:hover{background:#e5ebde;border-radius:3px}.classic-menu .menu-options{position:absolute;top:29px;left:0;display:flex;flex-direction:column;min-width:210px;background:#fffef8;border:1px solid #d5dccb;box-shadow:0 8px 20px #253c2920;padding:6px;border-radius:5px}.menu-options button{text-align:left;font-size:11px;white-space:nowrap}.menu-options small{display:block;white-space:normal;color:#8b9381;padding:8px;font-size:10px;line-height:1.6}.workspace{min-height:calc(100vh - 189px)}@media(max-width:560px){.classic-menu{padding:0 5px;gap:0}.classic-menu summary{padding:6px 9px;font-size:10px}.classic-menu details:nth-last-child(-n+2) .menu-options{right:0;left:auto}}
@media print{body>*{display:none!important}.workspace,.studio,.stage,#paper-shell{display:block!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important;overflow:visible!important}.workspace>*:not(.studio),.studio>*:not(.stage){display:none!important}#paper-shell{width:100%!important;max-width:100%!important}svg .editor-only{display:none!important}@page{margin:10mm}}