@font-face{font-family:Studio-varsity;src:url('/designer-fonts/varsity.ttf') format('truetype');font-display:block}@font-face{font-family:Studio-bold;src:url('/designer-fonts/bold.ttf') format('truetype');font-display:block}@font-face{font-family:Studio-script;src:url('/designer-fonts/script.ttf') format('truetype');font-display:block}@font-face{font-family:Studio-retro;src:url('/designer-fonts/retro.ttf') format('truetype');font-display:block}@font-face{font-family:Studio-playful;src:url('/designer-fonts/playful.ttf') format('truetype');font-display:block}
.sticker-designer{width:min(1440px,calc(100vw - 32px));height:min(920px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;border:1px solid #d7dbe3;border-radius:18px;padding:0;background:#fff;color:#25354a;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 80px #14223550}.sticker-designer:not([open]){display:none}.sticker-designer::backdrop{background:#15213680}.designer-heading{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e5e7ec;min-width:0}.designer-heading h2{font-size:20px;margin:0;white-space:nowrap}.designer-save-status{font-size:12px;color:#647185;margin-left:auto}.designer-heading .designer-field{margin:0;max-width:180px}.designer-name>span{display:none}.designer-heading>.designer-button{flex-shrink:0}.designer-toolbar{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #e5e7ec;overflow:auto;flex-shrink:0}.designer-button{border:1px solid #d9dfe8;border-radius:8px;padding:9px 12px;min-height:40px;background:#fff;color:#35445a;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer}.designer-button:hover{background:#f7f8fb;border-color:#9daabb}.designer-button:disabled{opacity:.45;cursor:default}.designer-button:focus-visible,.sticker-designer input:focus-visible,.sticker-designer select:focus-visible,.sticker-designer textarea:focus-visible{outline:3px solid #efaa7f;outline-offset:2px}.designer-primary{background:#bd4813;color:#fff;border-color:#bd4813}.designer-primary:hover{background:#a83d0d;border-color:#a83d0d}.designer-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:0}.designer-stage{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;background:#edf0f4;overflow:auto;min-height:0;padding:32px;overscroll-behavior:contain}.designer-surface{margin:auto;background-color:#fff;background-image:linear-gradient(45deg,#f2f3f5 25%,transparent 25%),linear-gradient(-45deg,#f2f3f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f3f5 75%),linear-gradient(-45deg,transparent 75%,#f2f3f5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 4px 18px #192f4320;flex-shrink:0;outline:1px solid #d7dde7}.designer-surface canvas{touch-action:none}.designer-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;display:grid;gap:8px;text-align:center;color:#63748c}.designer-empty[hidden]{display:none}.designer-empty strong{font-size:24px;color:#52647e}.designer-empty span{font-size:14px}.designer-sidebar{padding:18px;overflow:auto;border-left:1px solid #e1e5eb;min-width:0}.designer-sidebar h3{font-size:13px;margin:0 0 14px;color:#53637b}.designer-inspector{display:grid;gap:12px;min-width:0}.designer-field{display:grid;gap:6px;margin:0;color:#53637b;font-size:12px;font-weight:600;min-width:0}.designer-field>input,.designer-field>textarea,.designer-field>select{font-family:inherit;font-size:14px;font-weight:400;line-height:1.35;color:#27384e;background:#fff;border:1px solid #d6dce5;border-radius:7px;padding:9px;width:100%;min-width:0;box-sizing:border-box;min-height:40px}.designer-field>textarea{resize:vertical}.designer-field>input[type=color]{height:40px;padding:4px;cursor:pointer}.designer-field>input[type=range]{padding:0;accent-color:#bd4813}.designer-field>input[type=checkbox]{width:20px;min-height:20px;accent-color:#bd4813}.designer-properties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.designer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 24px}.designer-actions .designer-button{font-size:12px;padding:8px;white-space:normal}.designer-layers{display:grid;gap:6px}.designer-layer{overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%;background:#f8f9fb}.designer-layer[aria-pressed=true]{border-color:#c74c16;background:#fff4ed}.designer-note{font-size:13px;font-weight:400;line-height:1.5;color:#6b788e;margin:0}.designer-footer{display:flex;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid #e5e7ec;background:#fff}.designer-ruler{font-size:13px;font-weight:600;white-space:nowrap}.designer-finish{font-size:12px;color:#63748c}.designer-zoom{display:flex;align-items:center;gap:8px}.designer-zoom>.designer-button{min-width:35px;padding:6px}.designer-zoom-value{font-size:12px;min-width:34px;text-align:center}.designer-footer>.designer-field{margin-left:auto;max-width:170px}.designer-footer>.designer-field>span{display:none}.designer-footer>.designer-primary{margin-left:auto;min-height:44px}.designer-error{padding:10px 20px;background:#fff0f0;color:#a72b36;margin:0;font-size:13px}.designer-error[hidden]{display:none}.designer-popover{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 40px));max-height:calc(100% - 150px);overflow:auto;z-index:20;display:grid;gap:16px;padding:20px;border:1px solid #d9dfe7;border-radius:14px;background:#fff;box-shadow:0 15px 50px #132f4a35}.designer-popover-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.designer-popover-title strong{font-size:16px}.designer-popover-title button{font-size:12px}.designer-emoji-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:320px;overflow:auto}.designer-emoji-grid button{padding:8px;aspect-ratio:1;min-width:0}.designer-emoji-grid img{width:100%;height:100%;object-fit:contain}.designer-recovery{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff4df;padding:10px 20px;font-size:13px}.sticker-designer .canvas-container{margin:auto}
@media(max-width:900px){.designer-heading h2{font-size:18px}.designer-heading .designer-name{max-width:130px}.designer-save-status{max-width:170px}.designer-body{grid-template-columns:minmax(0,1fr) 220px}.designer-sidebar{padding:14px}.designer-footer{gap:10px}.designer-finish{display:none}.designer-toolbar{padding:10px 14px}.designer-heading{padding:12px 14px}}
@media(max-width:650px){.sticker-designer{width:100vw;height:100dvh;border-radius:0;border:0}.designer-heading{flex-wrap:wrap;gap:8px;padding:10px 12px}.designer-heading h2{font-size:17px}.designer-heading .designer-name{max-width:145px}.designer-heading .designer-save-status{width:100%;max-width:none;order:3;margin:0}.designer-heading>.designer-button{margin-left:auto}.designer-toolbar{gap:6px;padding:8px 12px}.designer-toolbar .designer-button{font-size:12px;min-height:38px;padding:8px 10px}.designer-body{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) minmax(100px,.42fr)}.designer-stage{padding:22px}.designer-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-top:1px solid #dde2eb;border-left:0}.designer-sidebar>h3{grid-column:1/-1;margin:0}.designer-inspector{gap:8px}.designer-actions{margin:0;align-content:start}.designer-layers{grid-column:1/-1;display:flex;overflow:auto}.designer-layer{width:auto;max-width:160px;flex-shrink:0}.designer-footer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.designer-ruler{font-size:12px}.designer-zoom{justify-content:flex-end}.designer-zoom>.designer-button{min-height:32px}.designer-footer>.designer-field{margin:0;max-width:none}.designer-footer>.designer-primary{margin:0;width:100%;font-size:12px}.designer-popover{top:100px;max-height:calc(100% - 190px)}.designer-recovery{flex-wrap:wrap;font-size:12px;gap:8px}.designer-empty strong{font-size:20px}.designer-empty span{font-size:12px}}

.designer-draft-row{display:flex;gap:8px;min-width:0}.designer-draft-row>button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.designer-draft-row>button:last-child{color:#a24747}