#app *{box-sizing:border-box}#app{margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#1e1e1e;box-sizing:border-box;display:grid;grid-template-columns:300px 1fr;height:100%;width:100%;border-radius:10px;overflow:hidden}.sidebar{border-right:1px solid #eee;padding:16px;overflow:auto;background:#fafafa}.sidebar h1{font-size:16px;margin:0 0 12px}.sku-list{display:grid;gap:8px}.sku{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:8px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer}.sku:hover{border-color:#c7c7c7}.sku.active{outline:2px solid #1f6feb}.sku img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#f2f2f2}.sku .name{font-weight:600}.sku .dims{font-size:12px;color:#666}.stage{position:relative;background:#f6f8fa}#canvas-wrap{position:absolute;inset:0}#hud{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;align-items:center}#meta{background:#ffffffe6;border:1px solid #e5e5e5;border-radius:8px;padding:6px 10px;font-size:12px}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}#loading:after{content:"";width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}#dimension-panel,#edit-panel{margin-top:20px;padding-top:20px;border-top:1px solid #eee}#dimension-panel h3,#edit-panel h3{font-size:16px;margin:0 0 12px}#dimension-panel div,#edit-panel div{margin-bottom:8px}#dimension-panel label,#edit-panel label{display:block;font-size:12px;margin-bottom:4px;color:#666}#dimension-panel input,#edit-panel input[type=text],#edit-panel input[type=file],#edit-panel button{width:100%;padding:8px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px}#dimension-panel button,#edit-panel button{background:#1f6feb;color:#fff;cursor:pointer;margin-top:4px}#dimension-panel button:hover,#edit-panel button:hover{background:#1a5bbd}#edit-panel h4{font-size:14px;margin:16px 0 8px}#edit-panel input[type=range]{width:100%}@media (max-width: 960px){#app{grid-template-columns:1fr;grid-template-rows:280px 1fr}.sidebar{border-right:0;border-bottom:1px solid #eee}.stage{height:calc(100vh - 280px)}}#two-d-view{position:absolute;inset:0;background:#e0e0e0;overflow:auto;padding:20px;text-align:center}#two-d-canvas{background:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #0000001a}#back-to-3d-btn{position:absolute;top:20px;right:20px;padding:8px 16px;background:#1f6feb;color:#fff;border:none;border-radius:6px;cursor:pointer}#delete-decal-btn{background-color:#d9534f;margin-top:16px}#delete-decal-btn:hover{background-color:#c9302c}#show-2d-view-btn{width:100%;padding:10px;margin-top:16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}#show-2d-view-btn:hover{background:#5a6268}#add-to-cart-btn{width:100%;padding:10px;margin-top:16px;background:red;color:#fff;border:none;border-radius:6px;cursor:pointer}#add-to-cart-btn:hover{background:#5a6268}#update-dims-btn{width:100%;padding:10px;margin-top:16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}#success-dialog{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#28a745;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#success-dialog.show{opacity:1;visibility:visible}.show-more-btn{width:100%;padding:10px;margin-top:16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.show-more-btn:hover{background:#5a6268}.sku-chooser__trigger{list-style:none;cursor:pointer;width:100%;display:block;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-weight:600;-webkit-user-select:none;user-select:none;position:relative}.sku-chooser__trigger:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease;opacity:.7}.sku-chooser[open] .sku-chooser__trigger:after{transform:translateY(-50%) rotate(180deg)}.sku-chooser__panel{margin-top:8px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;padding:10px;overflow:hidden;max-height:0;opacity:0;transition:max-height .26s ease,opacity .2s ease}.sku-chooser[open] .sku-chooser__panel{max-height:60vh;opacity:1;overflow:auto}.sku-chooser>summary::-webkit-details-marker{display:none}#ayikkafa-popup #app{background-color:#fff;border-radius:8px;max-width:1200px;width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}#ayikkafa-popup .da-app-content{flex:1;display:flex;padding:16px;gap:16px;background-color:#f7f7f7;position:relative;min-height:0}#ayikkafa-popup #canvas-wrap{width:100%;height:100%}#ayikkafa-popup #two-d-view.hidden{display:none}#ayikkafa-popup #two-d-view{position:absolute;inset:0;background-color:#fff;display:flex;flex-direction:column;gap:8px;padding:12px}#ayikkafa-popup #two-d-canvas{flex:1;border:1px solid #eee}#ayikkafa-popup #back-to-3d-btn{align-self:flex-end;border-radius:4px;border:1px solid #f40f7a;background-color:#fff;color:#f40f7a;font-size:12px;padding:6px 10px;cursor:pointer}#ayikkafa-popup .da-navbar{border-bottom:0;background-color:#f40f7a}#ayikkafa-popup .da-navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px}#ayikkafa-popup .da-navbar__left{display:flex;align-items:center}#ayikkafa-popup .da-navbar__logo{display:flex;align-items:baseline;gap:8px}#ayikkafa-popup .da-navbar__logo-mark{font-size:28px;font-weight:900;color:#fff;line-height:1}#ayikkafa-popup .da-navbar__logo-text{font-size:15px;font-weight:600;color:#fff;line-height:1.1;white-space:nowrap}#ayikkafa-popup .da-navbar__right{display:flex;align-items:center;justify-content:flex-end;gap:8px}#ayikkafa-popup .da-navbar__cta{border-radius:6px;border:1px solid #fff;padding:6px 18px;font-size:12px;font-weight:600;background:#fff;color:#f40f7a;cursor:pointer;white-space:nowrap;transition:all .2s ease}#ayikkafa-popup .da-navbar__cta:hover{filter:brightness(1.05);box-shadow:0 2px 6px #0000002e}@media (max-width: 768px){#ayikkafa-popup .da-navbar__inner{flex-direction:column;align-items:flex-start}#ayikkafa-popup .da-navbar__right{width:100%;justify-content:flex-end}}#ayikkafa-popup .designer-sidebar{width:96px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}#ayikkafa-popup .designer-sidebar__menu{background-color:#f40f7a;border-radius:48px;padding:18px 10px;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-height:calc(100vh - 140px)}#ayikkafa-popup .designer-sidebar__item{border:none;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:11px;cursor:pointer;text-align:center;position:relative;transition:background .2s ease,transform .15s ease}#ayikkafa-popup .designer-sidebar__item:after{content:"";display:block;width:60%;height:1px;background-color:#ffffff59;margin-top:8px}#ayikkafa-popup .designer-sidebar__item:last-child:after{display:none}#ayikkafa-popup .designer-sidebar__item--bottom{margin-top:auto}#ayikkafa-popup .designer-sidebar__icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:14px}#ayikkafa-popup .designer-sidebar__label{line-height:1.1;white-space:nowrap}#ayikkafa-popup .designer-sidebar__item.is-active,#ayikkafa-popup .designer-sidebar__item:hover{transform:translateY(-1px)}#ayikkafa-popup .designer-sidebar__item.is-active .designer-sidebar__icon,#ayikkafa-popup .designer-sidebar__item:hover .designer-sidebar__icon{background-color:#fff;color:#f40f7a}#ayikkafa-popup .designer-panel-container{position:absolute;top:16px;left:112px;bottom:16px;pointer-events:none;z-index:5}#ayikkafa-popup .designer-panel{position:absolute;top:0;left:0;width:320px;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 6px 18px #0000002e;padding:16px 14px;overflow-y:auto;transform:translate(-110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}#ayikkafa-popup .designer-panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}#ayikkafa-popup .designer-panel__title{font-size:15px;font-weight:600;margin-bottom:12px}#ayikkafa-popup .designer-panel__text{font-size:13px;margin-bottom:12px}#ayikkafa-popup .form-group{margin-bottom:10px}#ayikkafa-popup .form-group label{display:block;font-size:12px;margin-bottom:4px}#ayikkafa-popup .form-group input[type=text],#ayikkafa-popup .form-group input[type=number],#ayikkafa-popup .form-group input[type=color],#ayikkafa-popup .form-group select{width:100%;font-size:12px;padding:6px 8px;border-radius:4px;border:1px solid #ddd}#ayikkafa-popup .form-group input[type=range]{width:100%}#ayikkafa-popup .btn-primary{display:inline-block;border-radius:4px;border:none;background-color:#f40f7a;color:#fff;font-size:12px;padding:6px 10px;cursor:pointer;transition:filter .2s ease}#ayikkafa-popup .btn-primary:hover{filter:brightness(1.05)}#ayikkafa-popup .btn-outline{border-radius:4px;border:1px solid #f40f7a;background-color:#fff;color:#f40f7a;font-size:12px;padding:6px 10px;cursor:pointer;transition:all .2s ease}#ayikkafa-popup .btn-outline:hover{background-color:#f40f7a;color:#fff}#ayikkafa-popup .btn-danger{border-radius:4px;border:1px solid #d32f2f;background-color:#fff;color:#d32f2f;font-size:12px;padding:6px 10px;cursor:pointer;transition:all .2s ease}#ayikkafa-popup .btn-danger:hover{background-color:#d32f2f;color:#fff}#ayikkafa-popup .dimension-panel{display:flex;flex-direction:column;gap:8px}#ayikkafa-popup .dimension-panel__row{display:flex;flex-direction:column;gap:4px}#ayikkafa-popup .dimension-panel__row label{font-size:12px}#ayikkafa-popup .dimension-panel__row input[type=number]{width:100%;font-size:12px;padding:6px 8px;border-radius:4px;border:1px solid #ddd}#ayikkafa-popup .sku-chooser{margin-bottom:12px}#ayikkafa-popup .sku-chooser__trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ddd;font-size:13px;cursor:pointer;list-style:none}#ayikkafa-popup .sku-chooser[open] #ayikkafa-popup .sku-chooser__trigger{border-color:#f40f7a}#ayikkafa-popup .sku-chooser__panel{margin-top:8px;max-height:260px;overflow-y:auto;border-radius:6px;border:1px solid #eee;padding:8px;background-color:#fafafa}#ayikkafa-popup .sku-list{display:flex;flex-direction:column;gap:8px}#ayikkafa-popup .designer-panel::-webkit-scrollbar,#ayikkafa-popup .sku-chooser__panel::-webkit-scrollbar{width:6px}#ayikkafa-popup .designer-panel::-webkit-scrollbar-track,#ayikkafa-popup .sku-chooser__panel::-webkit-scrollbar-track{background:#f1f1f1}#ayikkafa-popup .designer-panel::-webkit-scrollbar-thumb,#ayikkafa-popup .sku-chooser__panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}@media (max-width: 768px){#ayikkafa-popup{padding:10px!important}#ayikkafa-popup #app{max-width:100%;border-radius:4px}#ayikkafa-popup .da-app-content{flex-direction:column;padding:10px;gap:10px}#ayikkafa-popup .designer-sidebar{width:100%;align-items:center}#ayikkafa-popup .designer-sidebar__menu{flex-direction:row;justify-content:space-between;border-radius:24px;max-height:none;padding:10px}#ayikkafa-popup .designer-sidebar__item{flex:1}#ayikkafa-popup .designer-sidebar__item:after{width:1px;height:60%;margin-top:0;margin-left:8px}#ayikkafa-popup .designer-sidebar__item:last-child:after{display:none}#ayikkafa-popup .designer-panel-container{inset:90px 10px 10px}#ayikkafa-popup .designer-panel{width:100%}}#ayikkafa-popup .stage{flex:1;background-color:#f7f7f7;border-radius:6px;padding:16px;position:relative;overflow:hidden}.selected{border:2px solid #350ae5}#ayikkafa-popup #panel-text{color:#222}#ayikkafa-popup #panel-text #edit-panel{display:flex;flex-direction:column;gap:10px}