@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;600;650;700;800&display=swap";:root{font-family:Golos Text,Arial,sans-serif;color:#243d37;background:#f5f5ef;font-synthesis:none;font-size:13px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.35;cursor:default}button:not(:disabled):hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #F75400;outline-offset:3px}input,select,textarea{color:inherit}input[type=number]{min-width:0}svg{flex-shrink:0}h2,h3,p{margin:0}h3{font-size:11px;font-weight:650;letter-spacing:.03em;margin:24px 0 12px}h2{font-size:16px;letter-spacing:-.5px}.app{height:100dvh;min-width:1024px;display:flex;flex-direction:column;overflow:hidden}header{height:76px;background:#fffef9;border-bottom:1px solid #dfe3d7;display:flex;align-items:center;flex-shrink:0}.brand{height:76px;width:331px;display:flex;align-items:center;gap:17px;background:#164f4b;color:#fff;padding:13px 24px}.brand img{width:65px;height:47px;object-fit:contain}.brand>span{font-size:16px;font-weight:700;letter-spacing:2.8px}.brand>span>span{display:block;font-size:10px;letter-spacing:.05em;font-weight:400;margin-top:5px;color:#d8e875}.project-name{margin-left:28px;min-width:220px;flex:1}.project-name input{border:0;background:none;font-weight:600;width:100%;padding:0;max-width:370px;font-size:14px}.project-name small{display:flex;gap:5px;align-items:center;font-size:10px;color:#7a867e;margin-top:7px}.project-name i,.status-dot{width:5px;height:5px;border-radius:50%;background:#789b57;display:inline-block}.header-actions{display:flex;align-items:center;gap:5px;padding-right:22px}.header-actions>button:not(.export){width:34px;height:34px;display:grid;place-items:center;border-radius:7px}.header-actions svg{width:17px;height:17px}.divider{width:1px;height:23px;background:#d8ddcf;margin:0 8px}.export{background:#f75400;color:#fff;border-radius:8px;display:flex;align-items:center;gap:9px;padding:13px 19px;font-size:12px;font-weight:650;margin-left:12px}.workspace{flex:1;display:flex;min-height:0}nav{width:76px;flex-shrink:0;display:flex;flex-direction:column;padding-top:19px;background:#f5f6ed;border-right:1px solid #dfe3d7}nav>button{padding:13px 0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#708278;margin:2px 9px;border-radius:9px}nav>button span{font-size:9px}nav>button.active{background:#164f4b;color:#d8e875}nav>button.active span{color:#fff}.nav-bottom{margin-top:auto;writing-mode:vertical-rl;display:flex;gap:15px;align-items:center;padding:24px 20px;color:#9aa69b}.nav-bottom span{font-weight:800;letter-spacing:3px;font-size:10px}.nav-bottom small{font-size:8px;letter-spacing:2px}.library{width:255px;flex-shrink:0;background:#fffef9;display:flex;flex-direction:column;border-right:1px solid #dfe3d7}.panel-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #edf0e8;flex-shrink:0}.tiny-label{font-size:8px;letter-spacing:1px;color:#859584;border:1px solid #dae1d4;border-radius:4px;padding:4px 5px}.library-scroll,.properties-scroll{overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:#ced5c8 transparent;flex:1}.intro{font-size:13px;line-height:1.6;letter-spacing:-.2px;margin-bottom:20px;color:#587065}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.template{padding:0;text-align:left;min-width:0}.template>div{overflow:hidden;height:135px;border-radius:5px;background:#e6e9df;box-shadow:0 1px 4px #163c2810}.template>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:8px 0;color:#3e5549}.wide-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3d4;background:#fffef9;border-radius:7px;padding:12px 8px;font-size:11px;font-weight:550;margin-top:14px}.wide-button.dark{background:#164f4b;border-color:#164f4b;color:#fff}.muted{font-size:10px;line-height:1.7;color:#829082;margin-top:14px}.library-footer{font-size:9px;color:#8b978a;border-top:1px solid #e6ebdf;padding:14px 13px;display:flex;align-items:center;gap:7px;flex-shrink:0}.colors{display:flex;gap:6px;flex-wrap:wrap}.colors>button,.custom-color{width:23px;height:23px;border-radius:50%;border:1px solid #173e3025;display:grid;place-items:center;padding:0}.colors>button.chosen{outline:1.5px solid #83917d;outline-offset:2px}.custom-color{position:relative;overflow:hidden}.custom-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.material-grid button,.photo-grid button{padding:0;text-align:left}.material-grid img{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}.material-grid span,.photo-grid span{font-size:9px;display:block;margin-top:6px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.photo-grid img{width:100%;aspect-ratio:3/4;border-radius:5px;object-fit:cover}.search{border:1px solid #dce3d4;border-radius:6px;padding:10px;width:100%;margin:16px 0;background:#f9faf5}.phrase-list{display:flex;flex-direction:column;gap:7px}.phrase-list button{padding:12px;border-radius:6px;background:#f1f4e9;font-size:12px;font-weight:650;text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center}.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sticker-grid button{padding:12px 8px;background:#e9edda;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}.sticker-grid img{width:100%;height:65px;object-fit:contain}.sticker-grid span{font-size:8px}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}.icon-grid button{padding:12px 4px;border-radius:6px;background:#d8e875;display:flex;align-items:center;flex-direction:column;gap:8px}.icon-grid img{width:42px;height:42px}.icon-grid span{font-size:8px}.segmented{display:flex;border:1px solid #dbe1d2;border-radius:7px;padding:3px;margin:12px 0;gap:3px;background:#f6f7f0}.segmented button{flex:1;padding:9px 4px;font-size:10px;border-radius:5px;display:flex;align-items:center;justify-content:center}.segmented .active{background:#164f4b;color:#fff}.hand-list{display:grid;gap:12px}.hand-list button{background:#164f4b;border-radius:7px;padding:15px}.hand-list.blue button{background:#f2f2e9}.hand-list img{width:100%;height:90px;object-fit:contain}.layers{display:flex;flex-direction:column;gap:5px}.layer{display:flex;gap:2px;align-items:center;border-radius:6px;border:1px solid #e4e9df}.layer.selected{background:#edf2d1;border-color:#a0b972}.layer-name{padding:12px 8px;display:flex;align-items:center;gap:7px;overflow:hidden;flex:1;min-width:0;text-align:left}.layer-name span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer>button:not(.layer-name){padding:5px}.workspace main{flex:1;min-width:260px;display:flex;flex-direction:column;background:#e9ece2}.canvas-toolbar{height:56px;display:flex;align-items:center;gap:12px;background:#f8f9f2;border-bottom:1px solid #dbe2d1;padding:0 22px;flex-shrink:0}.canvas-toolbar select{border:0;background:transparent;font-size:11px;font-weight:600;max-width:160px}.dimensions{font-size:9px;color:#89917f}.safe-toggle{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.safe-toggle input,.check-row input{accent-color:#164F4B}.zoom{display:flex;align-items:center;gap:7px;font-size:10px;margin-left:auto}.zoom button{padding:3px;display:grid;place-items:center}.zoom span{width:29px;text-align:center}.canvas-area{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#b8c4b866 .7px,transparent .7px);background-size:14px 14px;padding:48px 35px}.canvas-caption{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7e8b7c;letter-spacing:.07em}.canvas-sheet{box-shadow:0 6px 25px #1c3a242b;flex-shrink:0;background:#fff}.canvas-hint{position:absolute;bottom:13px;left:0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8d9786;pointer-events:none}.filmstrip{height:104px;background:#f8f9f2;border-top:1px solid #dce2d3;display:flex;align-items:center;padding:10px 20px;gap:20px;flex-shrink:0}.film-title{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:1.2px}.film-title small{font-size:9px;color:#8e9b89;letter-spacing:0}.film-pages{display:flex;gap:11px;overflow-x:auto;align-items:center;flex:1;padding:6px;scrollbar-width:thin}.film-page{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;border:1px solid transparent;border-radius:5px}.film-page>div{height:51px;overflow:hidden;pointer-events:none;background:#fff}.film-page.active{border-color:#164f4b;background:#e5ebd5}.film-page>span{font-size:8px}.add-page{height:55px;width:42px;border:1px dashed #b8c6ab;display:grid;place-items:center;border-radius:5px;flex-shrink:0}.film-actions{display:flex;gap:10px}.film-actions button{padding:5px}.properties{width:262px;background:#fffef9;border-left:1px solid #dfe3d7;display:flex;flex-direction:column;flex-shrink:0}.element-type{font-size:8px;letter-spacing:1px;color:#9aab91;margin:0 0 9px}.name-input{width:100%;border:0;font-weight:600;background:transparent;font-size:12px;padding:0}.row-tools{display:flex;gap:10px;margin:16px 0;align-items:center}.row-tools>button{height:30px;min-width:30px;background:#f2f4ec;border-radius:5px;display:grid;place-items:center}.num-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.num{display:flex;align-items:center;gap:6px;border:1px solid #dfe5d8;border-radius:6px;padding:8px 7px;flex:1;min-width:0}.num span{font-size:9px;color:#8c9785;white-space:nowrap}.num input{width:100%;background:transparent;border:0;padding:0;font-size:11px;text-align:right;-moz-appearance:textfield}.num input::-webkit-inner-spin-button{-webkit-appearance:none}.range{display:block;margin:19px 0 10px}.range>span{font-size:10px;display:flex;justify-content:space-between;margin-bottom:8px}.range small{color:#899581;font-size:10px}.range input{width:100%;height:3px;accent-color:#164F4B;cursor:pointer}.properties textarea{width:100%;min-height:100px;resize:vertical;background:#f7f8f1;border:1px solid #dde4d4;border-radius:6px;padding:11px;line-height:1.5;font-weight:550}.properties select{width:100%;padding:11px 7px;border:1px solid #dde4d4;border-radius:6px;font-size:10px;background:#fffef9;margin:10px 0}.text-link{color:#286051;font-size:10px;text-decoration:underline;padding:8px 0;line-height:1.5}.check-row{display:flex;gap:7px;align-items:center;font-size:10px;margin:19px 0 12px}.empty-selection{padding:24px 4px 32px;border-bottom:1px solid #e6ebdf}.empty-selection>svg{color:#8d9f83}.empty-selection h3{font-size:22px;letter-spacing:-.8px;line-height:1.2;margin:20px 0 13px;font-weight:650}.empty-selection p{font-size:11px;line-height:1.7;color:#8b9884}.brand-note{background:#f1f4e8;border-radius:8px;padding:18px;margin-top:28px}.brand-note>span{font-size:8px;letter-spacing:1.2px;color:#718569}.brand-note p{font-size:13px;line-height:1.65;font-weight:550;margin-top:12px}.brand-note img{width:118px;margin:15px 0 0 57px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:10px;align-items:center;background:#164f4b;color:#fff;border-radius:9px;padding:15px 22px;box-shadow:0 6px 30px #0003;font-size:12px;max-width:80vw}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#0b2527a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.modal{position:relative;width:490px;max-width:90vw;background:#fffef9;padding:37px;border-radius:17px;box-shadow:0 25px 80px #081c274d;max-height:90dvh;overflow:auto}.modal h2{font-size:31px;letter-spacing:-1.2px;margin:14px 0 16px}.modal p{font-size:12px;line-height:1.8;color:#7a8975;margin:10px 0 18px}.modal .eyebrow{font-size:9px;letter-spacing:1.8px;color:#759060}.modal .close{position:absolute;right:18px;top:18px;padding:4px}.modal .close svg{width:17px;height:17px}.font-item{padding:17px 14px;border:1px solid #dce5d2;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:8px;margin:10px 0;text-align:left}.font-item b{display:block;font-size:12px}.font-item small{display:block;font-size:10px;color:#889780;margin-top:5px}.modal ol{padding-left:18px;font-size:13px;line-height:2}.loading{height:100dvh;background:#164f4b;display:grid;place-content:center;text-align:center;color:#d8e875;gap:25px;font-size:12px}.loading img{width:130px;margin:auto}.loading p{letter-spacing:1px}@media(max-width:1250px){.properties{width:230px}.library{width:235px}.brand{width:311px}.library-scroll,.properties-scroll{padding:16px}.safe-toggle{display:none}.header-actions{gap:1px;padding-right:12px}.project-name{margin-left:18px;min-width:170px}.canvas-toolbar{padding:0 14px}.dimensions{display:none}.template>div{height:132px}.brand>span{font-size:14px}.properties .num{padding:7px 4px}.num-grid{gap:5px}}@media(max-width:1050px){.properties{width:210px}.library{width:215px}.brand{width:291px}.template>div{height:123px}.header-actions>button{width:29px!important}.project-name input{font-size:12px}.canvas-hint{display:none}}.mobile-only{display:none}.ink-pad{display:block;width:100%;height:auto;aspect-ratio:800/460;border:1px solid #cdd8c6;border-radius:12px;touch-action:none;cursor:crosshair}.ink-colors{display:flex;align-items:center;gap:12px;margin:18px 0}.ink-colors>button{width:34px;height:34px;border:1px solid #b9c9b0;border-radius:50%}.ink-colors>button[aria-pressed=true]{outline:2px solid #f75400;outline-offset:3px}.ink-colors label{margin-left:auto;display:flex;flex-direction:column;gap:6px;font-size:11px}.ink-colors input{width:100px;accent-color:#164f4b}.ink-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.ink-actions button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:11px}.uploaded-hands{margin:18px 0}.uploaded-hands button{background:repeating-conic-gradient(#cfd7c9 0% 25%,#f5f6ef 0% 50%) 50%/16px 16px}.canvas-sheet{touch-action:none}.library-scroll,.properties-scroll{overscroll-behavior:contain}@media(max-width:1000px){html,body,#root{width:100%;height:100%;overflow:hidden}.app{min-width:0;height:100dvh;max-width:100%;padding-top:env(safe-area-inset-top);background:#fffef9}.mobile-only{display:flex;align-items:center;justify-content:center}header{height:60px;padding:0 8px;gap:4px}.brand{width:auto;height:60px;background:transparent;padding:6px 4px;gap:0}.brand img{width:48px;height:38px;filter:drop-shadow(0 0 1px #164f4b);background:#164f4b;border-radius:5px;padding:4px}.brand>span{display:none}.project-name{min-width:0;margin:0 4px;flex:1}.project-name input{font-size:12px;max-width:100%}.project-name small{font-size:9px;margin-top:4px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.header-actions{padding:0;gap:0}.header-actions>button:not(.export){display:none}.header-actions>button[aria-label=Отменить]{display:grid!important;width:38px!important;height:44px}.header-actions .divider{display:none}.export{font-size:12px;padding:11px;margin:0;gap:5px;min-height:44px}.mobile-menu{min-width:40px;min-height:44px}.workspace{position:relative;flex:1;min-height:0;flex-direction:column;padding-bottom:calc(73px + env(safe-area-inset-bottom))}.workspace main{min-width:0;width:100%;height:100%;min-height:0}.workspace nav{position:absolute;z-index:25;bottom:0;left:0;right:0;width:100%;height:calc(73px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));display:flex;flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;border-top:1px solid #dce2d3;border-right:0;scrollbar-width:none;gap:2px;background:#fffef9}.workspace nav>button{flex:0 0 61px;height:58px;min-width:0;margin:0;padding:9px 4px;gap:5px}.workspace nav>button span{font-size:10px}.nav-bottom{display:none}.canvas-toolbar{height:48px;gap:7px;padding:0 8px}.canvas-toolbar select{font-size:12px;width:142px;min-height:44px;padding:0;max-width:42vw}.canvas-settings{width:34px;min-height:44px;flex-shrink:0}.zoom{gap:0}.zoom button{width:33px;min-height:44px;padding:7px}.zoom span{width:29px;font-size:10px}.canvas-area{padding:20px 16px 38px;overflow:auto;min-height:0}.canvas-caption{top:7px;left:16px;right:16px;font-size:8px}.canvas-hint{display:none}.edit-selection{position:absolute;bottom:7px;left:50%;transform:translate(-50%);border-radius:20px;white-space:nowrap;background:#fffef9;color:#164f4b;box-shadow:0 2px 12px #133c2830;padding:10px 15px;min-height:40px;font-size:12px;gap:7px;z-index:2}.filmstrip{height:77px;padding:4px 8px;gap:7px}.film-title{display:none}.film-pages{gap:4px;padding:3px}.film-page{padding:3px;gap:2px}.film-page>div{height:43px}.film-page>span{font-size:9px}.add-page{height:49px;width:40px}.film-actions{gap:0}.film-actions button{width:38px;height:44px}.library,.properties{display:none;position:absolute;z-index:20;bottom:calc(73px + env(safe-area-inset-bottom));left:0;right:0;width:100%;height:min(58dvh,560px);max-height:calc(100% - 48px);border:1px solid #dce2d3;border-bottom:0;border-radius:20px 20px 0 0;background:#fffef9;box-shadow:0 -8px 35px #173e3025;overflow:hidden}.library.mobile-open,.properties.mobile-open{display:flex}.panel-head{height:54px;padding:0 20px;border-bottom:1px solid #e6eadf}.panel-head h2{font-size:16px}.panel-head>.tiny-label,.properties .panel-head>svg{display:none}.sheet-close{width:44px;height:44px}.library-scroll,.properties-scroll{padding:16px 20px 28px;min-height:0}.library-footer{display:none}.library-scroll .intro{font-size:13px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template>div{height:135px}.template>span{font-size:10px}.material-grid,.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-grid span,.photo-grid span{font-size:11px;overflow-wrap:anywhere}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-grid span,.icon-grid span{font-size:10px}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hand-list{grid-template-columns:1fr 1fr;gap:10px}.hand-list img{height:74px}.wide-button{min-height:46px;font-size:13px;margin-top:10px}.muted{font-size:12px}.colors{gap:12px}.colors>button,.custom-color{width:34px;height:34px}.properties-scroll .num{min-height:46px;padding:10px}.num span{font-size:11px}.num input{font-size:16px}.num-grid{gap:10px}.row-tools>button{min-width:44px;height:44px}.range>span{font-size:13px}.range input{height:24px}.range small{font-size:12px}.properties textarea,.properties select,.search,.name-input{font-size:16px}.properties textarea{min-height:100px}.segmented button{min-height:42px;font-size:12px}.check-row{min-height:40px;font-size:12px}.text-link{font-size:13px;min-height:44px}.layer-name{min-height:48px}.layer-name span{font-size:13px}.layer>button:not(.layer-name){width:40px;min-height:44px}.modal-backdrop{align-items:end}.modal{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 18px);border-radius:22px 22px 0 0;padding:26px 22px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.modal h2{font-size:28px}.modal .close{width:44px;height:44px;top:10px;right:10px}.modal p{font-size:13px}.font-item{min-height:65px}.toast{bottom:calc(85px + env(safe-area-inset-bottom));max-width:92vw;width:max-content;font-size:12px;padding:12px 16px}.ink-pad{aspect-ratio:800/460}.ink-actions button{font-size:11px}.brand-note{display:none}}@media(max-width:370px){.project-name{display:none}.mobile-menu{margin-left:auto}.template-grid,.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zoom button{width:29px}.canvas-toolbar select{width:132px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px)and (orientation:landscape)and (max-height:550px){header{height:48px}.brand{height:48px}.workspace{padding-bottom:60px}.workspace nav{height:60px;padding:2px}.workspace nav>button{height:54px}.filmstrip{height:55px}.film-page>div{height:25px}.canvas-toolbar{height:42px}.library,.properties{height:75dvh;bottom:60px}.canvas-area{padding:8px 24px}.canvas-caption{display:none}}@media(max-width:1000px){.header-actions>.export{width:auto!important;min-width:92px;flex-shrink:0}.header-actions{flex-shrink:0}.workspace nav>button{flex:1 0 44px}.workspace nav>button span{font-size:9px}.workspace nav{gap:0}.project-name input{min-width:0}.project-name small{max-width:100%}}